@keyframes d3{20%{background-position:0%   0%, 50%  50%,100%  50%}40%{background-position:0% 100%, 50%   0%,100%  50%}60%{background-position:0%  50%, 50% 100%,100%   0%}80%{background-position:0%  50%, 50%  50%,100% 100%}}@keyframes d5{0%{box-shadow:20px 0 #000, -20px 0 #0002;background:#000}33%{box-shadow:20px 0 #000, -20px 0 #0002;background:#0002}66%{box-shadow:20px 0 #0002,-20px 0 #000;background:#0002}100%{box-shadow:20px 0 #0002,-20px 0 #000;background:#000}}@keyframes d7{33%{background-size:calc(100%/3) 100%,calc(100%/3) 70%,calc(100%/3) 70%}50%{background-size:calc(100%/3) 70%,calc(100%/3) 100%,calc(100%/3) 70%}66%{background-size:calc(100%/3) 70%,calc(100%/3) 70%,calc(100%/3) 100%}}@keyframes ct7{100%{background-position:right -25% top 0}}@keyframes a1{100%{clip-path:inset(0 -30px 0 0)}}@keyframes a2{100%{clip-path:inset(0 -30px 0 0)}}@keyframes n5{0%{transform:translate(-100%)}40%{transform:translate(15px)}80%,100%{transform:translate(100px)}}@keyframes n6{100%{transform:rotate(0)}}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden;overscroll-behavior-y:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}*{background-repeat:no-repeat;background-size:100% 100%;box-sizing:border-box;font-family:'Noto Sans KR', 'Apple SD Gothic Neo', Sans-serif;pointer-events:none;-webkit-tap-highlight-color:transparent}.app-host{width:100%;height:100%}

@keyframes d3{20%{background-position:0%   0%, 50%  50%,100%  50%}40%{background-position:0% 100%, 50%   0%,100%  50%}60%{background-position:0%  50%, 50% 100%,100%   0%}80%{background-position:0%  50%, 50%  50%,100% 100%}}@keyframes d5{0%{box-shadow:20px 0 #000, -20px 0 #0002;background:#000}33%{box-shadow:20px 0 #000, -20px 0 #0002;background:#0002}66%{box-shadow:20px 0 #0002,-20px 0 #000;background:#0002}100%{box-shadow:20px 0 #0002,-20px 0 #000;background:#000}}@keyframes d7{33%{background-size:calc(100%/3) 100%,calc(100%/3) 70%,calc(100%/3) 70%}50%{background-size:calc(100%/3) 70%,calc(100%/3) 100%,calc(100%/3) 70%}66%{background-size:calc(100%/3) 70%,calc(100%/3) 70%,calc(100%/3) 100%}}@keyframes ct7{100%{background-position:right -25% top 0}}@keyframes a1{100%{clip-path:inset(0 -30px 0 0)}}@keyframes a2{100%{clip-path:inset(0 -30px 0 0)}}@keyframes n5{0%{transform:translate(-100%)}40%{transform:translate(15px)}80%,100%{transform:translate(100px)}}@keyframes n6{100%{transform:rotate(0)}}.console-panel-host{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:0;left:0;align-items:flex-start;justify-content:flex-start;padding:10px;color:#fff;font-size:12px;background-color:rgba(0,0,0,0.6);z-index:99999}.console-panel-host .message{display:flex}.console-panel-host .message .highlight{margin-left:5px;font-weight:bold}

@keyframes d3{20%{background-position:0%   0%, 50%  50%,100%  50%}40%{background-position:0% 100%, 50%   0%,100%  50%}60%{background-position:0%  50%, 50% 100%,100%   0%}80%{background-position:0%  50%, 50%  50%,100% 100%}}@keyframes d5{0%{box-shadow:20px 0 #000, -20px 0 #0002;background:#000}33%{box-shadow:20px 0 #000, -20px 0 #0002;background:#0002}66%{box-shadow:20px 0 #0002,-20px 0 #000;background:#0002}100%{box-shadow:20px 0 #0002,-20px 0 #000;background:#000}}@keyframes d7{33%{background-size:calc(100%/3) 100%,calc(100%/3) 70%,calc(100%/3) 70%}50%{background-size:calc(100%/3) 70%,calc(100%/3) 100%,calc(100%/3) 70%}66%{background-size:calc(100%/3) 70%,calc(100%/3) 70%,calc(100%/3) 100%}}@keyframes ct7{100%{background-position:right -25% top 0}}@keyframes a1{100%{clip-path:inset(0 -30px 0 0)}}@keyframes a2{100%{clip-path:inset(0 -30px 0 0)}}@keyframes n5{0%{transform:translate(-100%)}40%{transform:translate(15px)}80%,100%{transform:translate(100px)}}@keyframes n6{100%{transform:rotate(0)}}.--menu-type-A .viewer-wrapper-host,.--menu-type-B .viewer-wrapper-host{flex-direction:row}.viewer-wrapper-host{display:flex;flex-direction:row;justify-content:center;align-items:center;position:absolute;align-items:stretch;flex-grow:1;background-color:transparent;overflow:hidden;z-index:1}.viewer-wrapper-host .outer-book{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;align-items:stretch;flex-grow:1;transform-origin:top left;z-index:10}

@keyframes d3{20%{background-position:0%   0%, 50%  50%,100%  50%}40%{background-position:0% 100%, 50%   0%,100%  50%}60%{background-position:0%  50%, 50% 100%,100%   0%}80%{background-position:0%  50%, 50%  50%,100% 100%}}@keyframes d5{0%{box-shadow:20px 0 #000, -20px 0 #0002;background:#000}33%{box-shadow:20px 0 #000, -20px 0 #0002;background:#0002}66%{box-shadow:20px 0 #0002,-20px 0 #000;background:#0002}100%{box-shadow:20px 0 #0002,-20px 0 #000;background:#000}}@keyframes d7{33%{background-size:calc(100%/3) 100%,calc(100%/3) 70%,calc(100%/3) 70%}50%{background-size:calc(100%/3) 70%,calc(100%/3) 100%,calc(100%/3) 70%}66%{background-size:calc(100%/3) 70%,calc(100%/3) 70%,calc(100%/3) 100%}}@keyframes ct7{100%{background-position:right -25% top 0}}@keyframes a1{100%{clip-path:inset(0 -30px 0 0)}}@keyframes a2{100%{clip-path:inset(0 -30px 0 0)}}@keyframes n5{0%{transform:translate(-100%)}40%{transform:translate(15px)}80%,100%{transform:translate(100px)}}@keyframes n6{100%{transform:rotate(0)}}.ratio-wrapper-host{position:absolute;top:0;right:0;bottom:0;left:0}

@keyframes d3{20%{background-position:0%   0%, 50%  50%,100%  50%}40%{background-position:0% 100%, 50%   0%,100%  50%}60%{background-position:0%  50%, 50% 100%,100%   0%}80%{background-position:0%  50%, 50%  50%,100% 100%}}@keyframes d5{0%{box-shadow:20px 0 #000, -20px 0 #0002;background:#000}33%{box-shadow:20px 0 #000, -20px 0 #0002;background:#0002}66%{box-shadow:20px 0 #0002,-20px 0 #000;background:#0002}100%{box-shadow:20px 0 #0002,-20px 0 #000;background:#000}}@keyframes d7{33%{background-size:calc(100%/3) 100%,calc(100%/3) 70%,calc(100%/3) 70%}50%{background-size:calc(100%/3) 70%,calc(100%/3) 100%,calc(100%/3) 70%}66%{background-size:calc(100%/3) 70%,calc(100%/3) 70%,calc(100%/3) 100%}}@keyframes ct7{100%{background-position:right -25% top 0}}@keyframes a1{100%{clip-path:inset(0 -30px 0 0)}}@keyframes a2{100%{clip-path:inset(0 -30px 0 0)}}@keyframes n5{0%{transform:translate(-100%)}40%{transform:translate(15px)}80%,100%{transform:translate(100px)}}@keyframes n6{100%{transform:rotate(0)}}.page-container-host{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:row;justify-content:center;align-items:center;align-items:stretch;flex-grow:1;z-index:10}.page-container-host>#left-bottom-page{display:none}.page-container-host>#right-bottom-page{display:none}.page-container-host.--read iframe{pointer-events:all}.page-container-host.--disable iframe{pointer-events:none}.page-container-host.stf__parent{position:absolute}

@keyframes d3{20%{background-position:0%   0%, 50%  50%,100%  50%}40%{background-position:0% 100%, 50%   0%,100%  50%}60%{background-position:0%  50%, 50% 100%,100%   0%}80%{background-position:0%  50%, 50%  50%,100% 100%}}@keyframes d5{0%{box-shadow:20px 0 #000, -20px 0 #0002;background:#000}33%{box-shadow:20px 0 #000, -20px 0 #0002;background:#0002}66%{box-shadow:20px 0 #0002,-20px 0 #000;background:#0002}100%{box-shadow:20px 0 #0002,-20px 0 #000;background:#000}}@keyframes d7{33%{background-size:calc(100%/3) 100%,calc(100%/3) 70%,calc(100%/3) 70%}50%{background-size:calc(100%/3) 70%,calc(100%/3) 100%,calc(100%/3) 70%}66%{background-size:calc(100%/3) 70%,calc(100%/3) 70%,calc(100%/3) 100%}}@keyframes ct7{100%{background-position:right -25% top 0}}@keyframes a1{100%{clip-path:inset(0 -30px 0 0)}}@keyframes a2{100%{clip-path:inset(0 -30px 0 0)}}@keyframes n5{0%{transform:translate(-100%)}40%{transform:translate(15px)}80%,100%{transform:translate(100px)}}@keyframes n6{100%{transform:rotate(0)}}.page-host{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;display:none;align-items:stretch;flex-grow:1}.page-host.--on>iframe{display:block}.page-host.--on>.page-cover{opacity:0}.page-host.--on>.divider{display:inherit;clip-path:inherit}.page-host.--display{display:block}.page-host.--display>iframe{display:block}.page-host.--display>.page-cover{display:none;clip-path:inherit}.page-host.--display>.divider{display:inherit;clip-path:inherit}.page-host.--left>.left-top{top:0;left:0;display:block}.page-host.--left>.left-bottom{left:0;bottom:0;display:block}.page-host.--right>.right-top{top:0;right:0;display:block}.page-host.--right>.right-bottom{right:0;bottom:0;display:block}.page-host>iframe{position:absolute;top:0;right:0;bottom:0;left:0;display:none;border:none;background-color:#fff;clip-path:inherit}.page-host>.page-cover{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:40px;background-color:#fff;clip-path:inherit;opacity:1}.page-host>.page-cover>.loading{--_g: no-repeat radial-gradient(circle closest-side, #3deed3 90%, #0000);width:60px;animation:d7 1s infinite linear;aspect-ratio:4;background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:calc(100%/3) 70%}.page-host>.corner{position:absolute;width:80px;height:80px;display:none;background-color:transparent;pointer-events:all}.page-host>.divider{position:absolute;top:0;right:0;bottom:0;left:0;display:inherit;background-repeat:no-repeat repeat;background-size:25px 20px;clip-path:inherit;opacity:0.7}.page-host>.divider.--disable{opacity:0}.page-host.--bottom>.divider{display:none}.stf__wrapper.--landscape .page-host.--left>.divider{right:-1px;background-image:url(src/assets/images/afba2c8795a7f0cf52a8.png);background-position:right}.stf__wrapper.--landscape .page-host.--right>.divider{left:-1px;background-image:url(src/assets/images/27e20d57c62dbf75e66f.png);background-position:left}.--portrait .page-host>.corner{display:block}.--portrait .page-host>.left-top{top:0;left:0}.--portrait .page-host>.left-bottom{left:0;bottom:0}.--portrait .page-host>.right-top{top:0;right:0}.--portrait .page-host>.right-bottom{right:0;bottom:0}.--disable .page-host>.corner{display:none}.--disable .page-host>iframe{pointer-events:none}.--debug .page-host>.corner{background-color:#f00;opacity:0.7}.--debug .page-host>.page-cover{background-color:#0f0}.--debug .page-host>iframe{background-color:#00f}

@keyframes d3{20%{background-position:0%   0%, 50%  50%,100%  50%}40%{background-position:0% 100%, 50%   0%,100%  50%}60%{background-position:0%  50%, 50% 100%,100%   0%}80%{background-position:0%  50%, 50%  50%,100% 100%}}@keyframes d5{0%{box-shadow:20px 0 #000, -20px 0 #0002;background:#000}33%{box-shadow:20px 0 #000, -20px 0 #0002;background:#0002}66%{box-shadow:20px 0 #0002,-20px 0 #000;background:#0002}100%{box-shadow:20px 0 #0002,-20px 0 #000;background:#000}}@keyframes d7{33%{background-size:calc(100%/3) 100%,calc(100%/3) 70%,calc(100%/3) 70%}50%{background-size:calc(100%/3) 70%,calc(100%/3) 100%,calc(100%/3) 70%}66%{background-size:calc(100%/3) 70%,calc(100%/3) 70%,calc(100%/3) 100%}}@keyframes ct7{100%{background-position:right -25% top 0}}@keyframes a1{100%{clip-path:inset(0 -30px 0 0)}}@keyframes a2{100%{clip-path:inset(0 -30px 0 0)}}@keyframes n5{0%{transform:translate(-100%)}40%{transform:translate(15px)}80%,100%{transform:translate(100px)}}@keyframes n6{100%{transform:rotate(0)}}.scale-host{display:flex;flex-direction:row;justify-content:center;align-items:center;position:absolute;align-items:flex-start;z-index:5}.scale-host.--study>.pan-area{pointer-events:none}.scale-host.--study>.control>.scale-mode>.scale-mode-button{background-image:url(src/assets/images/44392be380f7c7230ff0.png)}.scale-host>.pan-area{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;pointer-events:all;display:block;cursor:grab;touch-action:none}.scale-host>.control{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;margin-top:40px;border-radius:30px;background-color:rgba(0,0,0,0.4)}.scale-host>.control>.scale-control{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;margin:0 0 0 10px;border-radius:20px;background-color:#fff}.scale-host>.control>.scale-control>.zoom-button{cursor:pointer;pointer-events:all;width:40px;height:40px}.scale-host>.control>.scale-control>.zoom-button.--in{background-image:url(src/assets/images/ee79eaef38fc51e8032f.png)}.scale-host>.control>.scale-control>.zoom-button.--out{background-image:url(src/assets/images/816ab90680e942967d36.png)}.scale-host>.control>.scale-mode{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;width:130px;height:55px}.scale-host>.control>.scale-mode>.scale-value{position:absolute;top:15px;left:15px;color:#fff;font-family:Sans-serif;font-size:20px;font-weight:bold}.scale-host>.control>.scale-mode>.scale-mode-button{cursor:pointer;pointer-events:all;position:absolute;top:4px;right:2px;width:50px;height:50px;background-image:url(src/assets/images/c7fda390b4453f89eca9.png)}

@keyframes d3{20%{background-position:0%   0%, 50%  50%,100%  50%}40%{background-position:0% 100%, 50%   0%,100%  50%}60%{background-position:0%  50%, 50% 100%,100%   0%}80%{background-position:0%  50%, 50%  50%,100% 100%}}@keyframes d5{0%{box-shadow:20px 0 #000, -20px 0 #0002;background:#000}33%{box-shadow:20px 0 #000, -20px 0 #0002;background:#0002}66%{box-shadow:20px 0 #0002,-20px 0 #000;background:#0002}100%{box-shadow:20px 0 #0002,-20px 0 #000;background:#000}}@keyframes d7{33%{background-size:calc(100%/3) 100%,calc(100%/3) 70%,calc(100%/3) 70%}50%{background-size:calc(100%/3) 70%,calc(100%/3) 100%,calc(100%/3) 70%}66%{background-size:calc(100%/3) 70%,calc(100%/3) 70%,calc(100%/3) 100%}}@keyframes ct7{100%{background-position:right -25% top 0}}@keyframes a1{100%{clip-path:inset(0 -30px 0 0)}}@keyframes a2{100%{clip-path:inset(0 -30px 0 0)}}@keyframes n5{0%{transform:translate(-100%)}40%{transform:translate(15px)}80%,100%{transform:translate(100px)}}@keyframes n6{100%{transform:rotate(0)}}.range-slider-host{display:flex;flex-direction:row;justify-content:center;align-items:center}.range-slider-host>.slider-input{width:100%;height:10px;border-radius:5px;box-shadow:inset 0 0 5px #aaa;outline:none;pointer-events:all;-webkit-appearance:none}.range-slider-host>.slider-input::-webkit-slider-thumb{cursor:pointer;pointer-events:all;width:25px;height:25px;border-radius:50%;background-color:#ccc;box-shadow:inset 0 0 5px #999;-webkit-appearance:none}.range-slider-host.--vertical>.slider-input{width:10px;height:100%;-webkit-appearance:slider-vertical}

@keyframes d3{20%{background-position:0%   0%, 50%  50%,100%  50%}40%{background-position:0% 100%, 50%   0%,100%  50%}60%{background-position:0%  50%, 50% 100%,100%   0%}80%{background-position:0%  50%, 50%  50%,100% 100%}}@keyframes d5{0%{box-shadow:20px 0 #000, -20px 0 #0002;background:#000}33%{box-shadow:20px 0 #000, -20px 0 #0002;background:#0002}66%{box-shadow:20px 0 #0002,-20px 0 #000;background:#0002}100%{box-shadow:20px 0 #0002,-20px 0 #000;background:#000}}@keyframes d7{33%{background-size:calc(100%/3) 100%,calc(100%/3) 70%,calc(100%/3) 70%}50%{background-size:calc(100%/3) 70%,calc(100%/3) 100%,calc(100%/3) 70%}66%{background-size:calc(100%/3) 70%,calc(100%/3) 70%,calc(100%/3) 100%}}@keyframes ct7{100%{background-position:right -25% top 0}}@keyframes a1{100%{clip-path:inset(0 -30px 0 0)}}@keyframes a2{100%{clip-path:inset(0 -30px 0 0)}}@keyframes n5{0%{transform:translate(-100%)}40%{transform:translate(15px)}80%,100%{transform:translate(100px)}}@keyframes n6{100%{transform:rotate(0)}}.side-menu-host{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;width:100%;opacity:0}.side-menu-host>.content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:row;justify-content:center;align-items:center;justify-content:flex-start;opacity:0;pointer-events:none}.side-menu-host>.content.--on{opacity:1;pointer-events:all}.side-menu-host>.content>.default-area{display:flex;flex-direction:row;justify-content:center;align-items:center}.side-menu-host>.content>.other-area{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;overflow:hidden}.side-menu-host>.content>.other-area>.scroll-area{position:absolute;display:flex;pointer-events:all;transition:top 0.3s}.side-menu-host>.content>.other-area>.scroll-area.--dragging{transition:none}.side-menu-host>.content>.other-area>.scroll-area.--dragging>*{pointer-events:none}.side-menu-host>.content>.other-area>.first-arrow,.side-menu-host>.content>.other-area>.second-arrow{position:absolute;width:40px;height:40px;opacity:0;pointer-events:none;transition:opacity 0.3s}.side-menu-host>.content>.other-area.--scroll-top>.second-arrow{cursor:pointer;pointer-events:all;opacity:1}.side-menu-host>.content>.other-area.--scroll-bottom>.first-arrow{cursor:pointer;pointer-events:all;opacity:1}.app-host.--on .side-menu-host{opacity:1;transition:opacity 0.3s}.viewer-wrapper-host .side-menu-host>.content{flex-direction:column-reverse;padding:50px 0}.viewer-wrapper-host .side-menu-host>.content>.default-area{flex-direction:column;justify-content:flex-end}.viewer-wrapper-host .side-menu-host>.content>.default-area>*{margin-bottom:10px}.viewer-wrapper-host .side-menu-host>.content>.default-area :last-child{margin-bottom:0}.viewer-wrapper-host .side-menu-host>.content>.other-area{flex-direction:column;justify-content:flex-end;margin-bottom:10px}.viewer-wrapper-host .side-menu-host>.content>.other-area>.scroll-area{flex-direction:column;justify-content:flex-end}.viewer-wrapper-host .side-menu-host>.content>.other-area>.scroll-area>*{margin-bottom:10px}.viewer-wrapper-host .side-menu-host>.content>.other-area>.scroll-area :last-child{margin-bottom:0}.viewer-wrapper-host .side-menu-host>.content>.other-area>.first-arrow{top:0;background-image:url(src/assets/images/5451c867ac9c7a12ec72.png),linear-gradient(to bottom, #f3f3f3 0 75%, transparent)}.viewer-wrapper-host .side-menu-host>.content>.other-area>.second-arrow{bottom:0;background-image:url(src/assets/images/f937e6b23368ba744c0c.png),linear-gradient(to top, #f3f3f3 0 75%, transparent)}.app-host.--portrait.--menu-type-A>.--left{top:0}.app-host.--portrait.--menu-type-A>.--right{display:none}.app-host.--portrait.--menu-type-B>.--left{display:none}.app-host.--portrait.--menu-type-B>.--right{top:0}.app-host.--portrait .side-menu-host{position:absolute;opacity:0;pointer-events:all;transition:opacity 0.3s;z-index:15}.app-host.--portrait .side-menu-host.--on{opacity:1}.app-host.--portrait .side-menu-host.--on *{pointer-events:all}.app-host.--portrait .side-menu-host.--on * .default-menu-display-host{pointer-events:none}.app-host.--portrait .side-menu-host *{pointer-events:none}.app-host.--portrait .side-menu-host>.content{flex-direction:row-reverse;align-items:flex-end;padding:0 50px}.app-host.--portrait .side-menu-host>.content>.default-area{align-items:flex-end}.app-host.--portrait .side-menu-host>.content>.default-area>*{margin-right:10px}.app-host.--portrait .side-menu-host>.content>.default-area :last-child{margin-right:0}.app-host.--portrait .side-menu-host>.content>.other-area{align-items:flex-end;margin-right:10px}.app-host.--portrait .side-menu-host>.content>.other-area>.scroll-area{align-items:flex-end}.app-host.--portrait .side-menu-host>.content>.other-area>.scroll-area>*{margin-right:10px}.app-host.--portrait .side-menu-host>.content>.other-area>.scroll-area :last-child{margin-right:0}.app-host.--portrait .side-menu-host>.content>.other-area>.scroll-area>.default-menu-display-host{pointer-events:none}.app-host.--portrait .side-menu-host>.content>.other-area>.first-arrow{left:0;background-image:url(src/assets/images/9516d8471b3bb4cfa961.png),linear-gradient(to right, #f3f3f3 0 75%, transparent);pointer-events:none}.app-host.--portrait .side-menu-host>.content>.other-area>.second-arrow{right:0;background-image:url(src/assets/images/7e19aaa6c7514a1cd92d.png),linear-gradient(to left, #f3f3f3 0 75%, transparent);pointer-events:none}.app-host.--portrait .side-menu-host>.content>.other-area.--scroll-bottom>.first-arrow{pointer-events:all}.app-host.--portrait .side-menu-host>.content>.other-area.--scroll-top>.second-arrow{pointer-events:all}

@keyframes d3{20%{background-position:0%   0%, 50%  50%,100%  50%}40%{background-position:0% 100%, 50%   0%,100%  50%}60%{background-position:0%  50%, 50% 100%,100%   0%}80%{background-position:0%  50%, 50%  50%,100% 100%}}@keyframes d5{0%{box-shadow:20px 0 #000, -20px 0 #0002;background:#000}33%{box-shadow:20px 0 #000, -20px 0 #0002;background:#0002}66%{box-shadow:20px 0 #0002,-20px 0 #000;background:#0002}100%{box-shadow:20px 0 #0002,-20px 0 #000;background:#000}}@keyframes d7{33%{background-size:calc(100%/3) 100%,calc(100%/3) 70%,calc(100%/3) 70%}50%{background-size:calc(100%/3) 70%,calc(100%/3) 100%,calc(100%/3) 70%}66%{background-size:calc(100%/3) 70%,calc(100%/3) 70%,calc(100%/3) 100%}}@keyframes ct7{100%{background-position:right -25% top 0}}@keyframes a1{100%{clip-path:inset(0 -30px 0 0)}}@keyframes a2{100%{clip-path:inset(0 -30px 0 0)}}@keyframes n5{0%{transform:translate(-100%)}40%{transform:translate(15px)}80%,100%{transform:translate(100px)}}@keyframes n6{100%{transform:rotate(0)}}.menu-item-host{display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;pointer-events:all}.menu-item-host>.image{width:100%;height:100%}

@keyframes d3{20%{background-position:0%   0%, 50%  50%,100%  50%}40%{background-position:0% 100%, 50%   0%,100%  50%}60%{background-position:0%  50%, 50% 100%,100%   0%}80%{background-position:0%  50%, 50%  50%,100% 100%}}@keyframes d5{0%{box-shadow:20px 0 #000, -20px 0 #0002;background:#000}33%{box-shadow:20px 0 #000, -20px 0 #0002;background:#0002}66%{box-shadow:20px 0 #0002,-20px 0 #000;background:#0002}100%{box-shadow:20px 0 #0002,-20px 0 #000;background:#000}}@keyframes d7{33%{background-size:calc(100%/3) 100%,calc(100%/3) 70%,calc(100%/3) 70%}50%{background-size:calc(100%/3) 70%,calc(100%/3) 100%,calc(100%/3) 70%}66%{background-size:calc(100%/3) 70%,calc(100%/3) 70%,calc(100%/3) 100%}}@keyframes ct7{100%{background-position:right -25% top 0}}@keyframes a1{100%{clip-path:inset(0 -30px 0 0)}}@keyframes a2{100%{clip-path:inset(0 -30px 0 0)}}@keyframes n5{0%{transform:translate(-100%)}40%{transform:translate(15px)}80%,100%{transform:translate(100px)}}@keyframes n6{100%{transform:rotate(0)}}.drawing-menu-host{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;width:40px;align-items:stretch;background-color:#fff;border:1px solid #ccc;z-index:30}.drawing-menu-host>.separator{height:1px;background-color:#ccc}.drawing-menu-host>.drag{cursor:pointer;pointer-events:all;height:26px;background-image:url(src/assets/images/39916fd2db52220135ff.png)}.drawing-menu-host>.type{cursor:pointer;pointer-events:all;height:40px}.drawing-menu-host.--type-plain>.type{background-image:url(src/assets/images/e3e37d49f9d49addf415.png)}.drawing-menu-host.--type-highlight>.type{background-image:url(src/assets/images/17b6895a795c947ce880.png)}.drawing-menu-host.--type-thick>.type{background-image:url(src/assets/images/8db1aaa4106a137fad2b.png)}.drawing-menu-host>.color{display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;pointer-events:all;height:74px;flex-wrap:wrap;align-content:center}.drawing-menu-host>.color>*{width:14px;height:14px;margin:2px}.drawing-menu-host>.color>.color-0{background-color:#cc0000}.drawing-menu-host>.color>.color-1{background-color:#e69138}.drawing-menu-host>.color>.color-2{background-color:#f1c233}.drawing-menu-host>.color>.color-3{background-color:#6aa84f}.drawing-menu-host>.color>.color-4{background-color:#a64d79}.drawing-menu-host>.color>.color-5{background-color:#674ea7}.drawing-menu-host>.color>.color-6{background-color:#3983c5}.drawing-menu-host>.color>.color-7{background-color:#000}.drawing-menu-host.--color-0>.color>.color-0{margin:0;border:2px solid #7da7ff;box-sizing:content-box}.drawing-menu-host.--color-1>.color>.color-1{margin:0;border:2px solid #7da7ff;box-sizing:content-box}.drawing-menu-host.--color-2>.color>.color-2{margin:0;border:2px solid #7da7ff;box-sizing:content-box}.drawing-menu-host.--color-3>.color>.color-3{margin:0;border:2px solid #7da7ff;box-sizing:content-box}.drawing-menu-host.--color-4>.color>.color-4{margin:0;border:2px solid #7da7ff;box-sizing:content-box}.drawing-menu-host.--color-5>.color>.color-5{margin:0;border:2px solid #7da7ff;box-sizing:content-box}.drawing-menu-host.--color-6>.color>.color-6{margin:0;border:2px solid #7da7ff;box-sizing:content-box}.drawing-menu-host.--color-7>.color>.color-7{margin:0;border:2px solid #7da7ff;box-sizing:content-box}.drawing-menu-host>.pen{cursor:pointer;pointer-events:all;height:40px;background-image:url(src/assets/images/eb5af3c4f711e3479363.png)}.drawing-menu-host.--tool-pen>.pen{background-color:#ccc}.drawing-menu-host>.eraser{cursor:pointer;pointer-events:all;height:40px;background-image:url(src/assets/images/801d3a67af6136e3d549.png)}.drawing-menu-host.--tool-eraser>.eraser{background-color:#ccc}.drawing-menu-host>.clear{cursor:pointer;pointer-events:all;height:40px;background-image:url(src/assets/images/84bd208f786ead71761d.png)}.drawing-menu-host.--tool-clear>.clear{background-color:#ccc}

@keyframes d3{20%{background-position:0%   0%, 50%  50%,100%  50%}40%{background-position:0% 100%, 50%   0%,100%  50%}60%{background-position:0%  50%, 50% 100%,100%   0%}80%{background-position:0%  50%, 50%  50%,100% 100%}}@keyframes d5{0%{box-shadow:20px 0 #000, -20px 0 #0002;background:#000}33%{box-shadow:20px 0 #000, -20px 0 #0002;background:#0002}66%{box-shadow:20px 0 #0002,-20px 0 #000;background:#0002}100%{box-shadow:20px 0 #0002,-20px 0 #000;background:#000}}@keyframes d7{33%{background-size:calc(100%/3) 100%,calc(100%/3) 70%,calc(100%/3) 70%}50%{background-size:calc(100%/3) 70%,calc(100%/3) 100%,calc(100%/3) 70%}66%{background-size:calc(100%/3) 70%,calc(100%/3) 70%,calc(100%/3) 100%}}@keyframes ct7{100%{background-position:right -25% top 0}}@keyframes a1{100%{clip-path:inset(0 -30px 0 0)}}@keyframes a2{100%{clip-path:inset(0 -30px 0 0)}}@keyframes n5{0%{transform:translate(-100%)}40%{transform:translate(15px)}80%,100%{transform:translate(100px)}}@keyframes n6{100%{transform:rotate(0)}}.panel-host.search-panel-host{display:flex;flex-direction:row;justify-content:center;align-items:center}.panel-host.search-panel-host>.base>.content>.actions{height:60px}.panel-host.search-panel-host>.base>.content>.actions>.search{height:40px}.panel-host.search-panel-host>.base>.content>.actions>.search>.search-text{position:absolute;top:10px;width:100%;height:30px;border-width:0;border-bottom:1px solid #000;background-color:transparent;pointer-events:all}.panel-host.search-panel-host>.base>.content>.actions>.search>.search-text:focus{outline:none}.panel-host.search-panel-host>.base>.content>.actions>.search>.search-button{cursor:pointer;pointer-events:all;position:absolute;top:0;right:0;width:40px;height:40px;background-image:url(src/assets/images/8f330387dd99aa1f2619.png);background-position:center;background-size:30px 30px}.panel-host.search-panel-host>.base>.content>.actions>.summary{margin-top:3px;font-size:13px}.panel-host.search-panel-host>.base>.content>.actions>.summary>.highlight{color:#3669d2}.panel-host.search-panel-host>.base>.content>.body{overflow:auto;pointer-events:all}

@keyframes d3{20%{background-position:0%   0%, 50%  50%,100%  50%}40%{background-position:0% 100%, 50%   0%,100%  50%}60%{background-position:0%  50%, 50% 100%,100%   0%}80%{background-position:0%  50%, 50%  50%,100% 100%}}@keyframes d5{0%{box-shadow:20px 0 #000, -20px 0 #0002;background:#000}33%{box-shadow:20px 0 #000, -20px 0 #0002;background:#0002}66%{box-shadow:20px 0 #0002,-20px 0 #000;background:#0002}100%{box-shadow:20px 0 #0002,-20px 0 #000;background:#000}}@keyframes d7{33%{background-size:calc(100%/3) 100%,calc(100%/3) 70%,calc(100%/3) 70%}50%{background-size:calc(100%/3) 70%,calc(100%/3) 100%,calc(100%/3) 70%}66%{background-size:calc(100%/3) 70%,calc(100%/3) 70%,calc(100%/3) 100%}}@keyframes ct7{100%{background-position:right -25% top 0}}@keyframes a1{100%{clip-path:inset(0 -30px 0 0)}}@keyframes a2{100%{clip-path:inset(0 -30px 0 0)}}@keyframes n5{0%{transform:translate(-100%)}40%{transform:translate(15px)}80%,100%{transform:translate(100px)}}@keyframes n6{100%{transform:rotate(0)}}.panel-host{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:rgba(0,0,0,0.3);pointer-events:all;z-index:50}.panel-host>.base{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:0;right:0;bottom:0;left:50%;align-items:stretch;padding:10px;background-color:#fff}.panel-host>.base>.toolbar{position:relative;height:40px;display:flex;justify-content:flex-end}.panel-host>.base>.toolbar>.close{cursor:pointer;pointer-events:all;width:40px;height:40px;background-image:url(src/assets/images/1317e1fd8ecc0f4e85a6.png)}.panel-host>.base>.title{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;height:30px;justify-content:flex-start}.panel-host>.base>.title>.icon{width:30px;height:30px}.panel-host>.base>.title>.text{font-size:16px;font-weight:bold}.panel-host>.base>.content{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;flex-grow:1;align-items:stretch;justify-content:flex-start}

@keyframes d3{20%{background-position:0%   0%, 50%  50%,100%  50%}40%{background-position:0% 100%, 50%   0%,100%  50%}60%{background-position:0%  50%, 50% 100%,100%   0%}80%{background-position:0%  50%, 50%  50%,100% 100%}}@keyframes d5{0%{box-shadow:20px 0 #000, -20px 0 #0002;background:#000}33%{box-shadow:20px 0 #000, -20px 0 #0002;background:#0002}66%{box-shadow:20px 0 #0002,-20px 0 #000;background:#0002}100%{box-shadow:20px 0 #0002,-20px 0 #000;background:#000}}@keyframes d7{33%{background-size:calc(100%/3) 100%,calc(100%/3) 70%,calc(100%/3) 70%}50%{background-size:calc(100%/3) 70%,calc(100%/3) 100%,calc(100%/3) 70%}66%{background-size:calc(100%/3) 70%,calc(100%/3) 70%,calc(100%/3) 100%}}@keyframes ct7{100%{background-position:right -25% top 0}}@keyframes a1{100%{clip-path:inset(0 -30px 0 0)}}@keyframes a2{100%{clip-path:inset(0 -30px 0 0)}}@keyframes n5{0%{transform:translate(-100%)}40%{transform:translate(15px)}80%,100%{transform:translate(100px)}}@keyframes n6{100%{transform:rotate(0)}}.search-item-host{cursor:pointer;pointer-events:all;position:relative;display:flex;align-items:center;box-shadow:0 0 5px #aaa}.search-item-host>.thumbnail{position:relative;display:flex;border:1px solid #ddd}.search-item-host>.thumbnail>.image{object-fit:contain;z-index:1}.search-item-host>.thumbnail>.page-number{display:flex;flex-direction:row;justify-content:center;align-items:center;position:absolute;right:0;bottom:0;left:0;height:20px;color:#fff;font-size:15px;font-weight:bold;background-color:rgba(0,0,0,0.3);z-index:2}.search-item-host>.summary{display:inline-block;padding:10px;font-size:15px;overflow:hidden;text-overflow:ellipsis}.search-item-host>.summary>.highlight{background-color:yellow}

@keyframes d3{20%{background-position:0%   0%, 50%  50%,100%  50%}40%{background-position:0% 100%, 50%   0%,100%  50%}60%{background-position:0%  50%, 50% 100%,100%   0%}80%{background-position:0%  50%, 50%  50%,100% 100%}}@keyframes d5{0%{box-shadow:20px 0 #000, -20px 0 #0002;background:#000}33%{box-shadow:20px 0 #000, -20px 0 #0002;background:#0002}66%{box-shadow:20px 0 #0002,-20px 0 #000;background:#0002}100%{box-shadow:20px 0 #0002,-20px 0 #000;background:#000}}@keyframes d7{33%{background-size:calc(100%/3) 100%,calc(100%/3) 70%,calc(100%/3) 70%}50%{background-size:calc(100%/3) 70%,calc(100%/3) 100%,calc(100%/3) 70%}66%{background-size:calc(100%/3) 70%,calc(100%/3) 70%,calc(100%/3) 100%}}@keyframes ct7{100%{background-position:right -25% top 0}}@keyframes a1{100%{clip-path:inset(0 -30px 0 0)}}@keyframes a2{100%{clip-path:inset(0 -30px 0 0)}}@keyframes n5{0%{transform:translate(-100%)}40%{transform:translate(15px)}80%,100%{transform:translate(100px)}}@keyframes n6{100%{transform:rotate(0)}}.panel-host.thumbnail-panel-host{display:flex;flex-direction:row;justify-content:center;align-items:center}.panel-host.thumbnail-panel-host>.base>.content{flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;overflow:auto;pointer-events:all}

@keyframes d3{20%{background-position:0%   0%, 50%  50%,100%  50%}40%{background-position:0% 100%, 50%   0%,100%  50%}60%{background-position:0%  50%, 50% 100%,100%   0%}80%{background-position:0%  50%, 50%  50%,100% 100%}}@keyframes d5{0%{box-shadow:20px 0 #000, -20px 0 #0002;background:#000}33%{box-shadow:20px 0 #000, -20px 0 #0002;background:#0002}66%{box-shadow:20px 0 #0002,-20px 0 #000;background:#0002}100%{box-shadow:20px 0 #0002,-20px 0 #000;background:#000}}@keyframes d7{33%{background-size:calc(100%/3) 100%,calc(100%/3) 70%,calc(100%/3) 70%}50%{background-size:calc(100%/3) 70%,calc(100%/3) 100%,calc(100%/3) 70%}66%{background-size:calc(100%/3) 70%,calc(100%/3) 70%,calc(100%/3) 100%}}@keyframes ct7{100%{background-position:right -25% top 0}}@keyframes a1{100%{clip-path:inset(0 -30px 0 0)}}@keyframes a2{100%{clip-path:inset(0 -30px 0 0)}}@keyframes n5{0%{transform:translate(-100%)}40%{transform:translate(15px)}80%,100%{transform:translate(100px)}}@keyframes n6{100%{transform:rotate(0)}}.thumbnail-item-host{position:relative;box-shadow:0 0 5px #aaa}.thumbnail-item-host>.image{cursor:pointer;pointer-events:all;z-index:1}.thumbnail-item-host>.page-number{display:flex;flex-direction:row;justify-content:center;align-items:center;position:absolute;right:0;bottom:0;left:0;height:20px;color:#fff;font-size:15px;font-weight:bold;background-color:rgba(0,0,0,0.3);z-index:2}.thumbnail-item-host>.bookmark-host{position:absolute;top:0;right:0;left:unset;width:26px;height:28px;padding:0}

@keyframes d3{20%{background-position:0%   0%, 50%  50%,100%  50%}40%{background-position:0% 100%, 50%   0%,100%  50%}60%{background-position:0%  50%, 50% 100%,100%   0%}80%{background-position:0%  50%, 50%  50%,100% 100%}}@keyframes d5{0%{box-shadow:20px 0 #000, -20px 0 #0002;background:#000}33%{box-shadow:20px 0 #000, -20px 0 #0002;background:#0002}66%{box-shadow:20px 0 #0002,-20px 0 #000;background:#0002}100%{box-shadow:20px 0 #0002,-20px 0 #000;background:#000}}@keyframes d7{33%{background-size:calc(100%/3) 100%,calc(100%/3) 70%,calc(100%/3) 70%}50%{background-size:calc(100%/3) 70%,calc(100%/3) 100%,calc(100%/3) 70%}66%{background-size:calc(100%/3) 70%,calc(100%/3) 70%,calc(100%/3) 100%}}@keyframes ct7{100%{background-position:right -25% top 0}}@keyframes a1{100%{clip-path:inset(0 -30px 0 0)}}@keyframes a2{100%{clip-path:inset(0 -30px 0 0)}}@keyframes n5{0%{transform:translate(-100%)}40%{transform:translate(15px)}80%,100%{transform:translate(100px)}}@keyframes n6{100%{transform:rotate(0)}}.bookmark-host{display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;pointer-events:all;position:absolute;top:0;left:0;display:none;padding:0 8px}.bookmark-host.--on>.image{content:url(src/assets/images/fc93ec2b34010523fa09.png)}.bookmark-host.--display{display:flex}.bookmark-host>.image{content:url(src/assets/images/6377622430cdeefe848c.png);width:100%;height:100%}

@keyframes d3{20%{background-position:0%   0%, 50%  50%,100%  50%}40%{background-position:0% 100%, 50%   0%,100%  50%}60%{background-position:0%  50%, 50% 100%,100%   0%}80%{background-position:0%  50%, 50%  50%,100% 100%}}@keyframes d5{0%{box-shadow:20px 0 #000, -20px 0 #0002;background:#000}33%{box-shadow:20px 0 #000, -20px 0 #0002;background:#0002}66%{box-shadow:20px 0 #0002,-20px 0 #000;background:#0002}100%{box-shadow:20px 0 #0002,-20px 0 #000;background:#000}}@keyframes d7{33%{background-size:calc(100%/3) 100%,calc(100%/3) 70%,calc(100%/3) 70%}50%{background-size:calc(100%/3) 70%,calc(100%/3) 100%,calc(100%/3) 70%}66%{background-size:calc(100%/3) 70%,calc(100%/3) 70%,calc(100%/3) 100%}}@keyframes ct7{100%{background-position:right -25% top 0}}@keyframes a1{100%{clip-path:inset(0 -30px 0 0)}}@keyframes a2{100%{clip-path:inset(0 -30px 0 0)}}@keyframes n5{0%{transform:translate(-100%)}40%{transform:translate(15px)}80%,100%{transform:translate(100px)}}@keyframes n6{100%{transform:rotate(0)}}.panel-host.toc-panel-host{display:flex;flex-direction:row;justify-content:center;align-items:center}.panel-host.toc-panel-host>.base>.content>.head{display:flex;flex-direction:row;justify-content:center;align-items:center;height:30px;margin-top:10px;color:#fff;font-size:14px;font-weight:bold;background-color:#3669d2}.panel-host.toc-panel-host>.base>.content>.body{position:absolute;top:0;right:0;bottom:0;left:0;top:50px;overflow:auto;pointer-events:all}.panel-host.toc-panel-host>.base>.content>.body>.toc{display:flex;flex-direction:column;justify-content:center;align-items:center;align-items:stretch}.panel-host.toc-panel-host>.base>.content>.body>.toc>*{margin-bottom:10px}.panel-host.toc-panel-host>.base>.content>.body>.toc :last-child{margin-bottom:0}

@keyframes d3{20%{background-position:0%   0%, 50%  50%,100%  50%}40%{background-position:0% 100%, 50%   0%,100%  50%}60%{background-position:0%  50%, 50% 100%,100%   0%}80%{background-position:0%  50%, 50%  50%,100% 100%}}@keyframes d5{0%{box-shadow:20px 0 #000, -20px 0 #0002;background:#000}33%{box-shadow:20px 0 #000, -20px 0 #0002;background:#0002}66%{box-shadow:20px 0 #0002,-20px 0 #000;background:#0002}100%{box-shadow:20px 0 #0002,-20px 0 #000;background:#000}}@keyframes d7{33%{background-size:calc(100%/3) 100%,calc(100%/3) 70%,calc(100%/3) 70%}50%{background-size:calc(100%/3) 70%,calc(100%/3) 100%,calc(100%/3) 70%}66%{background-size:calc(100%/3) 70%,calc(100%/3) 70%,calc(100%/3) 100%}}@keyframes ct7{100%{background-position:right -25% top 0}}@keyframes a1{100%{clip-path:inset(0 -30px 0 0)}}@keyframes a2{100%{clip-path:inset(0 -30px 0 0)}}@keyframes n5{0%{transform:translate(-100%)}40%{transform:translate(15px)}80%,100%{transform:translate(100px)}}@keyframes n6{100%{transform:rotate(0)}}.toc-item-host{display:flex;flex-direction:column;justify-content:center;align-items:center;align-items:stretch;justify-content:flex-start;overflow:hidden}.toc-item-host>*{margin-bottom:10px}.toc-item-host :last-child{margin-bottom:0}.toc-item-host.toc-level-0>.item>.title{font-size:15px;font-weight:bold}.toc-item-host.toc-level-1>.item>.title{padding-left:20px;font-size:14px}.toc-item-host.toc-level-2>.item>.title{padding-left:40px;font-size:14px}.toc-item-host.toc-level-3>.item>.title{padding-left:60px;font-size:14px}.toc-item-host.--shrink{height:20px}.toc-item-host.--shrink>.item>.image{background-image:url(src/assets/images/cb0ce0478d1ecc5f2992.png)}.toc-item-host.--terminal>.item>.image{display:none}.toc-item-host>.item{display:flex;flex-direction:row;justify-content:center;align-items:center;height:20px;justify-content:flex-start}.toc-item-host>.item>.title{cursor:pointer;pointer-events:all;flex-grow:1}.toc-item-host>.item>.image{cursor:pointer;pointer-events:all;width:30px;height:30px;background-image:url(src/assets/images/86d8c428fd25a9bb1a5e.png)}.toc-item-host>.item>.page{cursor:pointer;pointer-events:all;width:45px;font-size:14px;text-align:end}

@keyframes d3{20%{background-position:0%   0%, 50%  50%,100%  50%}40%{background-position:0% 100%, 50%   0%,100%  50%}60%{background-position:0%  50%, 50% 100%,100%   0%}80%{background-position:0%  50%, 50%  50%,100% 100%}}@keyframes d5{0%{box-shadow:20px 0 #000, -20px 0 #0002;background:#000}33%{box-shadow:20px 0 #000, -20px 0 #0002;background:#0002}66%{box-shadow:20px 0 #0002,-20px 0 #000;background:#0002}100%{box-shadow:20px 0 #0002,-20px 0 #000;background:#000}}@keyframes d7{33%{background-size:calc(100%/3) 100%,calc(100%/3) 70%,calc(100%/3) 70%}50%{background-size:calc(100%/3) 70%,calc(100%/3) 100%,calc(100%/3) 70%}66%{background-size:calc(100%/3) 70%,calc(100%/3) 70%,calc(100%/3) 100%}}@keyframes ct7{100%{background-position:right -25% top 0}}@keyframes a1{100%{clip-path:inset(0 -30px 0 0)}}@keyframes a2{100%{clip-path:inset(0 -30px 0 0)}}@keyframes n5{0%{transform:translate(-100%)}40%{transform:translate(15px)}80%,100%{transform:translate(100px)}}@keyframes n6{100%{transform:rotate(0)}}.print-host{display:flex;flex-direction:row;justify-content:center;align-items:center}

@keyframes d3{20%{background-position:0%   0%, 50%  50%,100%  50%}40%{background-position:0% 100%, 50%   0%,100%  50%}60%{background-position:0%  50%, 50% 100%,100%   0%}80%{background-position:0%  50%, 50%  50%,100% 100%}}@keyframes d5{0%{box-shadow:20px 0 #000, -20px 0 #0002;background:#000}33%{box-shadow:20px 0 #000, -20px 0 #0002;background:#0002}66%{box-shadow:20px 0 #0002,-20px 0 #000;background:#0002}100%{box-shadow:20px 0 #0002,-20px 0 #000;background:#000}}@keyframes d7{33%{background-size:calc(100%/3) 100%,calc(100%/3) 70%,calc(100%/3) 70%}50%{background-size:calc(100%/3) 70%,calc(100%/3) 100%,calc(100%/3) 70%}66%{background-size:calc(100%/3) 70%,calc(100%/3) 70%,calc(100%/3) 100%}}@keyframes ct7{100%{background-position:right -25% top 0}}@keyframes a1{100%{clip-path:inset(0 -30px 0 0)}}@keyframes a2{100%{clip-path:inset(0 -30px 0 0)}}@keyframes n5{0%{transform:translate(-100%)}40%{transform:translate(15px)}80%,100%{transform:translate(100px)}}@keyframes n6{100%{transform:rotate(0)}}.panel-host.setting-panel-host{display:flex;flex-direction:row;justify-content:center;align-items:center}.panel-host.setting-panel-host>.base>.content{flex-direction:column;flex-wrap:wrap;justify-content:flex-start;overflow:auto;pointer-events:all}.panel-host.setting-panel-host>.base>.content>.actions{display:flex;flex-direction:row;justify-content:center;align-items:center;height:50px;align-items:stretch;padding:10px 0}.panel-host.setting-panel-host>.base>.content>.actions>*{margin-right:10px}.panel-host.setting-panel-host>.base>.content>.actions :last-child{margin-right:0}.panel-host.setting-panel-host>.base>.content>.actions>.button{display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;pointer-events:all;flex-grow:1;border:1px solid #d7d7d7;border-radius:5px;color:#000;font-size:14px;font-weight:bold;background-color:#fff}.panel-host.setting-panel-host>.base>.content>.actions>.button.--on{color:#fff;background-color:#3669d2}.panel-host.setting-panel-host>.base>.content>.body{height:100px;flex-grow:1;margin-top:10px}

@keyframes d3{20%{background-position:0%   0%, 50%  50%,100%  50%}40%{background-position:0% 100%, 50%   0%,100%  50%}60%{background-position:0%  50%, 50% 100%,100%   0%}80%{background-position:0%  50%, 50%  50%,100% 100%}}@keyframes d5{0%{box-shadow:20px 0 #000, -20px 0 #0002;background:#000}33%{box-shadow:20px 0 #000, -20px 0 #0002;background:#0002}66%{box-shadow:20px 0 #0002,-20px 0 #000;background:#0002}100%{box-shadow:20px 0 #0002,-20px 0 #000;background:#000}}@keyframes d7{33%{background-size:calc(100%/3) 100%,calc(100%/3) 70%,calc(100%/3) 70%}50%{background-size:calc(100%/3) 70%,calc(100%/3) 100%,calc(100%/3) 70%}66%{background-size:calc(100%/3) 70%,calc(100%/3) 70%,calc(100%/3) 100%}}@keyframes ct7{100%{background-position:right -25% top 0}}@keyframes a1{100%{clip-path:inset(0 -30px 0 0)}}@keyframes a2{100%{clip-path:inset(0 -30px 0 0)}}@keyframes n5{0%{transform:translate(-100%)}40%{transform:translate(15px)}80%,100%{transform:translate(100px)}}@keyframes n6{100%{transform:rotate(0)}}.viewer-setting-panel-host{display:flex;flex-direction:column;justify-content:center;align-items:center;align-items:stretch}.viewer-setting-panel-host>*{margin-bottom:5px}.viewer-setting-panel-host :last-child{margin-bottom:0}.viewer-setting-panel-host.--disable{display:none}

@keyframes d3{20%{background-position:0%   0%, 50%  50%,100%  50%}40%{background-position:0% 100%, 50%   0%,100%  50%}60%{background-position:0%  50%, 50% 100%,100%   0%}80%{background-position:0%  50%, 50%  50%,100% 100%}}@keyframes d5{0%{box-shadow:20px 0 #000, -20px 0 #0002;background:#000}33%{box-shadow:20px 0 #000, -20px 0 #0002;background:#0002}66%{box-shadow:20px 0 #0002,-20px 0 #000;background:#0002}100%{box-shadow:20px 0 #0002,-20px 0 #000;background:#000}}@keyframes d7{33%{background-size:calc(100%/3) 100%,calc(100%/3) 70%,calc(100%/3) 70%}50%{background-size:calc(100%/3) 70%,calc(100%/3) 100%,calc(100%/3) 70%}66%{background-size:calc(100%/3) 70%,calc(100%/3) 70%,calc(100%/3) 100%}}@keyframes ct7{100%{background-position:right -25% top 0}}@keyframes a1{100%{clip-path:inset(0 -30px 0 0)}}@keyframes a2{100%{clip-path:inset(0 -30px 0 0)}}@keyframes n5{0%{transform:translate(-100%)}40%{transform:translate(15px)}80%,100%{transform:translate(100px)}}@keyframes n6{100%{transform:rotate(0)}}.viewer-setting-item-host{display:flex;flex-direction:row;justify-content:center;align-items:center;height:50px;justify-content:space-between;flex-grow:1;padding:0 10px;border:1px solid #d7d7d7;background-color:#fff}.viewer-setting-item-host>.title{font-size:14px}

@keyframes d3{20%{background-position:0%   0%, 50%  50%,100%  50%}40%{background-position:0% 100%, 50%   0%,100%  50%}60%{background-position:0%  50%, 50% 100%,100%   0%}80%{background-position:0%  50%, 50%  50%,100% 100%}}@keyframes d5{0%{box-shadow:20px 0 #000, -20px 0 #0002;background:#000}33%{box-shadow:20px 0 #000, -20px 0 #0002;background:#0002}66%{box-shadow:20px 0 #0002,-20px 0 #000;background:#0002}100%{box-shadow:20px 0 #0002,-20px 0 #000;background:#000}}@keyframes d7{33%{background-size:calc(100%/3) 100%,calc(100%/3) 70%,calc(100%/3) 70%}50%{background-size:calc(100%/3) 70%,calc(100%/3) 100%,calc(100%/3) 70%}66%{background-size:calc(100%/3) 70%,calc(100%/3) 70%,calc(100%/3) 100%}}@keyframes ct7{100%{background-position:right -25% top 0}}@keyframes a1{100%{clip-path:inset(0 -30px 0 0)}}@keyframes a2{100%{clip-path:inset(0 -30px 0 0)}}@keyframes n5{0%{transform:translate(-100%)}40%{transform:translate(15px)}80%,100%{transform:translate(100px)}}@keyframes n6{100%{transform:rotate(0)}}.switch-host>input[type=checkbox]{position:absolute;height:0;width:0;visibility:hidden}.switch-host>label{cursor:pointer;pointer-events:all;position:relative;width:50px;height:30px;display:block;border-radius:30px;text-indent:-9999px;background:grey}.switch-host>label:after{content:'';position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:24px;background:#fff;transition:0.3s}.switch-host>input:checked+label{background:#3669d2}.switch-host>input:checked+label:after{left:calc(100% - 3px);transform:translateX(-100%)}.switch-host>label:active:after{width:44px}

@keyframes d3{20%{background-position:0%   0%, 50%  50%,100%  50%}40%{background-position:0% 100%, 50%   0%,100%  50%}60%{background-position:0%  50%, 50% 100%,100%   0%}80%{background-position:0%  50%, 50%  50%,100% 100%}}@keyframes d5{0%{box-shadow:20px 0 #000, -20px 0 #0002;background:#000}33%{box-shadow:20px 0 #000, -20px 0 #0002;background:#0002}66%{box-shadow:20px 0 #0002,-20px 0 #000;background:#0002}100%{box-shadow:20px 0 #0002,-20px 0 #000;background:#000}}@keyframes d7{33%{background-size:calc(100%/3) 100%,calc(100%/3) 70%,calc(100%/3) 70%}50%{background-size:calc(100%/3) 70%,calc(100%/3) 100%,calc(100%/3) 70%}66%{background-size:calc(100%/3) 70%,calc(100%/3) 70%,calc(100%/3) 100%}}@keyframes ct7{100%{background-position:right -25% top 0}}@keyframes a1{100%{clip-path:inset(0 -30px 0 0)}}@keyframes a2{100%{clip-path:inset(0 -30px 0 0)}}@keyframes n5{0%{transform:translate(-100%)}40%{transform:translate(15px)}80%,100%{transform:translate(100px)}}@keyframes n6{100%{transform:rotate(0)}}.menu-setting-panel-host{display:flex;flex-direction:column;justify-content:center;align-items:center;align-items:stretch}.menu-setting-panel-host.--disable{display:none}.menu-setting-panel-host>hr.solid{width:100%;border-top:1px solid #bbb}.menu-setting-panel-host>.description{display:flex;flex-direction:row;justify-content:center;align-items:center;justify-content:flex-start;font-size:13px}.menu-setting-panel-host>.menu-list{display:flex;flex-direction:row;justify-content:center;align-items:center;justify-content:space-between;font-size:15px}.menu-setting-panel-host>.menu-list>*{margin-right:10px}.menu-setting-panel-host>.menu-list :last-child{margin-right:0}.menu-setting-panel-host>.menu-list>.item-list{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:35px;flex-grow:1;justify-content:flex-start;align-items:flex-start;pointer-events:all}

@keyframes d3{20%{background-position:0%   0%, 50%  50%,100%  50%}40%{background-position:0% 100%, 50%   0%,100%  50%}60%{background-position:0%  50%, 50% 100%,100%   0%}80%{background-position:0%  50%, 50%  50%,100% 100%}}@keyframes d5{0%{box-shadow:20px 0 #000, -20px 0 #0002;background:#000}33%{box-shadow:20px 0 #000, -20px 0 #0002;background:#0002}66%{box-shadow:20px 0 #0002,-20px 0 #000;background:#0002}100%{box-shadow:20px 0 #0002,-20px 0 #000;background:#000}}@keyframes d7{33%{background-size:calc(100%/3) 100%,calc(100%/3) 70%,calc(100%/3) 70%}50%{background-size:calc(100%/3) 70%,calc(100%/3) 100%,calc(100%/3) 70%}66%{background-size:calc(100%/3) 70%,calc(100%/3) 70%,calc(100%/3) 100%}}@keyframes ct7{100%{background-position:right -25% top 0}}@keyframes a1{100%{clip-path:inset(0 -30px 0 0)}}@keyframes a2{100%{clip-path:inset(0 -30px 0 0)}}@keyframes n5{0%{transform:translate(-100%)}40%{transform:translate(15px)}80%,100%{transform:translate(100px)}}@keyframes n6{100%{transform:rotate(0)}}.menu-setting-item-host{display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;pointer-events:all;height:35px;padding:0 10px;border-radius:5px;font-size:14px;background-color:#fff;transition:margin 0.1s}.menu-setting-item-host>*{margin-right:10px}.menu-setting-item-host :last-child{margin-right:0}.menu-setting-item-host.--hover{border:2px dashed #aaa;cursor:none}.menu-setting-item-host.--temp-space{margin-top:35px}.menu-setting-item-host>.index{display:flex;flex-direction:row;justify-content:center;align-items:center;width:20px;height:20px;padding-top:1px;border-radius:5px;background-color:#ddd}.menu-setting-item-host>.title{padding-top:1px}

@keyframes d3{20%{background-position:0%   0%, 50%  50%,100%  50%}40%{background-position:0% 100%, 50%   0%,100%  50%}60%{background-position:0%  50%, 50% 100%,100%   0%}80%{background-position:0%  50%, 50%  50%,100% 100%}}@keyframes d5{0%{box-shadow:20px 0 #000, -20px 0 #0002;background:#000}33%{box-shadow:20px 0 #000, -20px 0 #0002;background:#0002}66%{box-shadow:20px 0 #0002,-20px 0 #000;background:#0002}100%{box-shadow:20px 0 #0002,-20px 0 #000;background:#000}}@keyframes d7{33%{background-size:calc(100%/3) 100%,calc(100%/3) 70%,calc(100%/3) 70%}50%{background-size:calc(100%/3) 70%,calc(100%/3) 100%,calc(100%/3) 70%}66%{background-size:calc(100%/3) 70%,calc(100%/3) 70%,calc(100%/3) 100%}}@keyframes ct7{100%{background-position:right -25% top 0}}@keyframes a1{100%{clip-path:inset(0 -30px 0 0)}}@keyframes a2{100%{clip-path:inset(0 -30px 0 0)}}@keyframes n5{0%{transform:translate(-100%)}40%{transform:translate(15px)}80%,100%{transform:translate(100px)}}@keyframes n6{100%{transform:rotate(0)}}.help-setting-panel-host{display:flex;flex-direction:column;justify-content:center;align-items:center}.help-setting-panel-host.--disable{display:none}

@keyframes d3{20%{background-position:0%   0%, 50%  50%,100%  50%}40%{background-position:0% 100%, 50%   0%,100%  50%}60%{background-position:0%  50%, 50% 100%,100%   0%}80%{background-position:0%  50%, 50%  50%,100% 100%}}@keyframes d5{0%{box-shadow:20px 0 #000, -20px 0 #0002;background:#000}33%{box-shadow:20px 0 #000, -20px 0 #0002;background:#0002}66%{box-shadow:20px 0 #0002,-20px 0 #000;background:#0002}100%{box-shadow:20px 0 #0002,-20px 0 #000;background:#000}}@keyframes d7{33%{background-size:calc(100%/3) 100%,calc(100%/3) 70%,calc(100%/3) 70%}50%{background-size:calc(100%/3) 70%,calc(100%/3) 100%,calc(100%/3) 70%}66%{background-size:calc(100%/3) 70%,calc(100%/3) 70%,calc(100%/3) 100%}}@keyframes ct7{100%{background-position:right -25% top 0}}@keyframes a1{100%{clip-path:inset(0 -30px 0 0)}}@keyframes a2{100%{clip-path:inset(0 -30px 0 0)}}@keyframes n5{0%{transform:translate(-100%)}40%{transform:translate(15px)}80%,100%{transform:translate(100px)}}@keyframes n6{100%{transform:rotate(0)}}.book-border-host{cursor:pointer;pointer-events:all;position:absolute;top:0;opacity:0}.book-border-host.--left{left:0;background-image:url(src/assets/images/419a8f4b6de1f9f202b2.png)}.book-border-host.--right{right:0;background-image:url(src/assets/images/cfe63066d51dce24ed32.png)}.book-border-host.--disable{cursor:auto;pointer-events:none}.app-host.--on .book-border-host{opacity:1;transition:opacity 0.3s}

@keyframes d3{20%{background-position:0%   0%, 50%  50%,100%  50%}40%{background-position:0% 100%, 50%   0%,100%  50%}60%{background-position:0%  50%, 50% 100%,100%   0%}80%{background-position:0%  50%, 50%  50%,100% 100%}}@keyframes d5{0%{box-shadow:20px 0 #000, -20px 0 #0002;background:#000}33%{box-shadow:20px 0 #000, -20px 0 #0002;background:#0002}66%{box-shadow:20px 0 #0002,-20px 0 #000;background:#0002}100%{box-shadow:20px 0 #0002,-20px 0 #000;background:#000}}@keyframes d7{33%{background-size:calc(100%/3) 100%,calc(100%/3) 70%,calc(100%/3) 70%}50%{background-size:calc(100%/3) 70%,calc(100%/3) 100%,calc(100%/3) 70%}66%{background-size:calc(100%/3) 70%,calc(100%/3) 70%,calc(100%/3) 100%}}@keyframes ct7{100%{background-position:right -25% top 0}}@keyframes a1{100%{clip-path:inset(0 -30px 0 0)}}@keyframes a2{100%{clip-path:inset(0 -30px 0 0)}}@keyframes n5{0%{transform:translate(-100%)}40%{transform:translate(15px)}80%,100%{transform:translate(100px)}}@keyframes n6{100%{transform:rotate(0)}}.highlight-box-host{display:flex;flex-direction:row;justify-content:center;align-items:center;width:200px;height:300px;position:absolute;border:1px solid #000;background-color:#fff;pointer-events:all}

@keyframes d3{20%{background-position:0%   0%, 50%  50%,100%  50%}40%{background-position:0% 100%, 50%   0%,100%  50%}60%{background-position:0%  50%, 50% 100%,100%   0%}80%{background-position:0%  50%, 50%  50%,100% 100%}}@keyframes d5{0%{box-shadow:20px 0 #000, -20px 0 #0002;background:#000}33%{box-shadow:20px 0 #000, -20px 0 #0002;background:#0002}66%{box-shadow:20px 0 #0002,-20px 0 #000;background:#0002}100%{box-shadow:20px 0 #0002,-20px 0 #000;background:#000}}@keyframes d7{33%{background-size:calc(100%/3) 100%,calc(100%/3) 70%,calc(100%/3) 70%}50%{background-size:calc(100%/3) 70%,calc(100%/3) 100%,calc(100%/3) 70%}66%{background-size:calc(100%/3) 70%,calc(100%/3) 70%,calc(100%/3) 100%}}@keyframes ct7{100%{background-position:right -25% top 0}}@keyframes a1{100%{clip-path:inset(0 -30px 0 0)}}@keyframes a2{100%{clip-path:inset(0 -30px 0 0)}}@keyframes n5{0%{transform:translate(-100%)}40%{transform:translate(15px)}80%,100%{transform:translate(100px)}}@keyframes n6{100%{transform:rotate(0)}}.drawing-canvas-host{position:absolute;top:0;right:0;bottom:0;left:0;cursor:url(src/assets/images/478ff8994942b141100b.png) 1 40,auto;touch-action:none;transform-origin:left top;z-index:20}.drawing-canvas-host.--disable>.canvas{pointer-events:none}.drawing-canvas-host>.canvas{pointer-events:all}

@keyframes d3{20%{background-position:0%   0%, 50%  50%,100%  50%}40%{background-position:0% 100%, 50%   0%,100%  50%}60%{background-position:0%  50%, 50% 100%,100%   0%}80%{background-position:0%  50%, 50%  50%,100% 100%}}@keyframes d5{0%{box-shadow:20px 0 #000, -20px 0 #0002;background:#000}33%{box-shadow:20px 0 #000, -20px 0 #0002;background:#0002}66%{box-shadow:20px 0 #0002,-20px 0 #000;background:#0002}100%{box-shadow:20px 0 #0002,-20px 0 #000;background:#000}}@keyframes d7{33%{background-size:calc(100%/3) 100%,calc(100%/3) 70%,calc(100%/3) 70%}50%{background-size:calc(100%/3) 70%,calc(100%/3) 100%,calc(100%/3) 70%}66%{background-size:calc(100%/3) 70%,calc(100%/3) 70%,calc(100%/3) 100%}}@keyframes ct7{100%{background-position:right -25% top 0}}@keyframes a1{100%{clip-path:inset(0 -30px 0 0)}}@keyframes a2{100%{clip-path:inset(0 -30px 0 0)}}@keyframes n5{0%{transform:translate(-100%)}40%{transform:translate(15px)}80%,100%{transform:translate(100px)}}@keyframes n6{100%{transform:rotate(0)}}.global-toast-host{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:row;justify-content:center;align-items:center;opacity:0;transition:opacity 0.3s;z-index:99999}.global-toast-host.--on{opacity:1}.global-toast-host>.message{padding:15px;color:#fff;font-size:18px;font-weight:bold;border-radius:10px;background-color:#3bbbbb}.global-toast-host>.message.--debug{background-color:#000}.global-toast-host>.message.--warn{background-color:#d1bd3b}.global-toast-host>.message.--error{background-color:#d13b4a}.global-toast-host>.message.--fatal{background-color:#800303}

.stf__parent{position:relative;display:block;box-sizing:border-box;transform:translateZ(0);-ms-touch-action:pan-y;touch-action:pan-y}.sft__wrapper{position:relative;width:100%;box-sizing:border-box}.stf__parent canvas{position:absolute;width:100%;height:100%;left:0;top:0}.stf__block{position:absolute;width:100%;height:100%;box-sizing:border-box;perspective:2000px}.stf__item{display:none;position:absolute;transform-style:preserve-3d}.stf__outerShadow{position:absolute;left:0;top:0}.stf__innerShadow{position:absolute;left:0;top:0}.stf__hardShadow{position:absolute;left:0;top:0}.stf__hardInnerShadow{position:absolute;left:0;top:0}

@keyframes d3{20%{background-position:0%   0%, 50%  50%,100%  50%}40%{background-position:0% 100%, 50%   0%,100%  50%}60%{background-position:0%  50%, 50% 100%,100%   0%}80%{background-position:0%  50%, 50%  50%,100% 100%}}@keyframes d5{0%{box-shadow:20px 0 #000, -20px 0 #0002;background:#000}33%{box-shadow:20px 0 #000, -20px 0 #0002;background:#0002}66%{box-shadow:20px 0 #0002,-20px 0 #000;background:#0002}100%{box-shadow:20px 0 #0002,-20px 0 #000;background:#000}}@keyframes d7{33%{background-size:calc(100%/3) 100%,calc(100%/3) 70%,calc(100%/3) 70%}50%{background-size:calc(100%/3) 70%,calc(100%/3) 100%,calc(100%/3) 70%}66%{background-size:calc(100%/3) 70%,calc(100%/3) 70%,calc(100%/3) 100%}}@keyframes ct7{100%{background-position:right -25% top 0}}@keyframes a1{100%{clip-path:inset(0 -30px 0 0)}}@keyframes a2{100%{clip-path:inset(0 -30px 0 0)}}@keyframes n5{0%{transform:translate(-100%)}40%{transform:translate(15px)}80%,100%{transform:translate(100px)}}@keyframes n6{100%{transform:rotate(0)}}.floating-menu-host{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;z-index:10}.floating-menu-host>.head{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-bottom:5px}.floating-menu-host>.head>.base{cursor:pointer;pointer-events:all;width:45px;height:45px;background-image:url(src/assets/images/f6ab99bbcbcaf394bddc.png)}.floating-menu-host>.head>.left{cursor:pointer;pointer-events:all;width:35px;height:45px;background-image:url(src/assets/images/7056a5a880325ac638a1.png);background-position:center;background-size:15px 20px}.floating-menu-host>.head>.right{cursor:pointer;pointer-events:all;width:35px;height:45px;background-image:url(src/assets/images/a107dbbad96714801e6e.png);background-position:center;background-size:15px 20px}

@keyframes d3{20%{background-position:0%   0%, 50%  50%,100%  50%}40%{background-position:0% 100%, 50%   0%,100%  50%}60%{background-position:0%  50%, 50% 100%,100%   0%}80%{background-position:0%  50%, 50%  50%,100% 100%}}@keyframes d5{0%{box-shadow:20px 0 #000, -20px 0 #0002;background:#000}33%{box-shadow:20px 0 #000, -20px 0 #0002;background:#0002}66%{box-shadow:20px 0 #0002,-20px 0 #000;background:#0002}100%{box-shadow:20px 0 #0002,-20px 0 #000;background:#000}}@keyframes d7{33%{background-size:calc(100%/3) 100%,calc(100%/3) 70%,calc(100%/3) 70%}50%{background-size:calc(100%/3) 70%,calc(100%/3) 100%,calc(100%/3) 70%}66%{background-size:calc(100%/3) 70%,calc(100%/3) 70%,calc(100%/3) 100%}}@keyframes ct7{100%{background-position:right -25% top 0}}@keyframes a1{100%{clip-path:inset(0 -30px 0 0)}}@keyframes a2{100%{clip-path:inset(0 -30px 0 0)}}@keyframes n5{0%{transform:translate(-100%)}40%{transform:translate(15px)}80%,100%{transform:translate(100px)}}@keyframes n6{100%{transform:rotate(0)}}.go-page-host{display:flex;flex-direction:row;justify-content:center;align-items:center;width:80px;height:25px;justify-content:space-between;background-image:url(src/assets/images/5c8150c3bb90a961977c.png)}.go-page-host>.page-number{width:36px;height:25px;border-width:0;text-align:end;background-color:transparent;pointer-events:all}.go-page-host>.page-number:focus{outline:none}.go-page-host>.go{display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;pointer-events:all;width:40px;height:25px;color:#fff;font-weight:bold}

@keyframes d3{20%{background-position:0%   0%, 50%  50%,100%  50%}40%{background-position:0% 100%, 50%   0%,100%  50%}60%{background-position:0%  50%, 50% 100%,100%   0%}80%{background-position:0%  50%, 50%  50%,100% 100%}}@keyframes d5{0%{box-shadow:20px 0 #000, -20px 0 #0002;background:#000}33%{box-shadow:20px 0 #000, -20px 0 #0002;background:#0002}66%{box-shadow:20px 0 #0002,-20px 0 #000;background:#0002}100%{box-shadow:20px 0 #0002,-20px 0 #000;background:#000}}@keyframes d7{33%{background-size:calc(100%/3) 100%,calc(100%/3) 70%,calc(100%/3) 70%}50%{background-size:calc(100%/3) 70%,calc(100%/3) 100%,calc(100%/3) 70%}66%{background-size:calc(100%/3) 70%,calc(100%/3) 70%,calc(100%/3) 100%}}@keyframes ct7{100%{background-position:right -25% top 0}}@keyframes a1{100%{clip-path:inset(0 -30px 0 0)}}@keyframes a2{100%{clip-path:inset(0 -30px 0 0)}}@keyframes n5{0%{transform:translate(-100%)}40%{transform:translate(15px)}80%,100%{transform:translate(100px)}}@keyframes n6{100%{transform:rotate(0)}}.page-slider-host{display:flex;flex-direction:row;justify-content:center;align-items:center;position:absolute;right:0;bottom:0;left:0;height:40px;background-color:#fff;box-shadow:0 0 5px #aaa;opacity:0;pointer-events:all;transition:opacity 0.3s;transition-delay:0.5s;z-index:20}.page-slider-host:hover{opacity:1;transition-delay:0s}.page-slider-host>.range-slider{position:absolute;right:120px;left:20px}.page-slider-host>.go-page{position:absolute;right:20px}.page-slider-host>.thumbnail{position:absolute;bottom:40px;padding:5px;background-color:#fff;box-shadow:0 0 5px #aaa;opacity:0;transition:opacity 0.3s}.page-slider-host>.thumbnail.--on{opacity:1}