vivlio-pdf 0.2.0

data/vendor/viewer/css/ui.menu-bar.css

@@ -0,0 +1 @@
+@font-face{font-family:"FontAwesome";src:url("../fonts/fa-solid-900.woff2") format("woff2")}#vivliostyle-menu-bar{box-sizing:border-box;position:fixed;z-index:88888888;left:0;top:0;width:100vw;height:36px;font-family:"Helvetica Neue","Segoe UI","Roboto",sans-serif;font-size:14px;line-height:1;color:#fff;background:#000;box-shadow:0 2px 2px rgba(0,0,0,.4);-webkit-font-smoothing:subpixel-antialiased;text-size-adjust:100%;-webkit-user-select:none;user-select:none}#vivliostyle-menu-bar *{margin:0;padding:0;border:none 0}#vivliostyle-menu-bar li{list-style:none outside;display:block}#vivliostyle-menu-bar:before,#vivliostyle-menu-bar:after{position:absolute;z-index:1;right:0;top:10.8px;width:100%;height:18px;text-align:center;transition:linear .2s}@media screen and (max-width: 1333px){#vivliostyle-menu-bar:before,#vivliostyle-menu-bar:after{right:44px;width:81.45px;text-align:right}}@media screen and (max-width: 749px){#vivliostyle-menu-bar:before,#vivliostyle-menu-bar:after{animation:none !important;opacity:0 !important}}#vivliostyle-menu-bar:before{content:"";background:rgba(0,0,0,0) no-repeat center center url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAYEAAABYCAMAAAAkwbtFAAAANlBMVEUAAAD////////////////////////////////////////////////////////////////////xY8b8AAAAEXRSTlMA30C/H2CAEO+foHCQMM9Qr55ZmyAAAAnJSURBVHja7JjbbusgEEUHZrg4GDv7/3/2nLZRjEtMXGOHuOp6iBKEog1LDBeqQ4w1kTai+WpvdNee5mgTRqGTMHI3jcTS64iMDwbZaAAJcwPB44PuJA5mI3mhgdHjhtkmcDG3xQ11DgWNDMhdAHykDchSbos7TGcgIiHQq+gwwdUGwkK7oRNQldhlP1fikOJ2zG2Aky2CKgMMxczdf5iVR/9suQ3cdYMy32ofRtrAQu4eCZ5OgNRMhcYMRUX6qZdGdbFYyH1BCp0BJGj6IR4zhEqo6egYkaKrczdfA9o0MmAxw1KBmGhyvnYfIP8494iEjl6DZsC1MeAwg1cUoS5Tt22e1OPcLms/HM11y81jItJPYcxwz6dMf58oJdUG4uO9qafjceZ2t6fNqKyOV+zFodBzvluLygTslNvgxoUOx1mPL7iVARqyMlS+g5kpvALgrds9t1w+oxg6gPxpq7kBu7YMqfzAKiK0GS7lFnF0OPlmVm9gQ2zn15UhXQpab6AJFrvsOUPlBeaalaFSEZJDDDhqQtjnUZMrDWjMkOKR60q7we2vvgYToeFIGCm2GHb8tQZMw5EEpKhSrVL0qwyMb2LA+eePPJLFrObS3oB+EwPUI6UvrFf5M3CIAY0Uv3zg6uhtDMhogjVGx1U9Q9bxIAN+MYU2xobFvMOzMiTZ802MyZ9/tWi5t8RIOS5+fkrZgNPu/lUe53WBPe5wr2kR/Y92c9uOE4ahKLJljMO1//+zXbPSjglblglNecgDw5gjb42OZUJ5XzmV/S6BsOa35mAJCJ9/uZ4XW+8xVUYxaa8vXlrNQLz0gfI63uDnX39OTW8lGOT1YfEJhNeAf4dZ7J3M6yFJ7TXGdL3unUCyxXicW6Etxigix2dS1+CsXiUhEoeALtNVb1HfiyfeU5Am21m8MYg2m3f1Cai/NNY6/5xbXsrruCvPjjRAg9nEhhsE8nhP7uKXoZ2jR/bRC3S72xokwLlJTlbHcR5PKo4r83Uyp7jwqQo/nhgdJcahT0DlrPdDmvMTmAdkXlo+emAQS3epeEnAe37MTKn/qqdbDV7Nf2iKex6GvL9ZFf83cLAsh8bCMPUJrFKTqco1EUSUIRYGtQlUNP6TS6kSXd1TO/hSAWQqF2Xy1c2GJOchtZRxHMvZ/cbXsSwEtCAh/UiYBVVHlnrG64tni/nR3VYcMQZ/ZqmrW0gA44taHiYZsMYrE4Em81bRWZ7nfiQsQbzlpI4XR2QvKsJo1PzVK0OlKrxPQBtZkmwlBX6u1/kuLQIr8gVw2J36kRRriJOReV6cqUYGlwAzJ1sYl+cEFNczecIlHEEPmBCZBZteTFfsRpLM0wvUml48EmVql62Ek/zNBMRJ3cTIwKHFHmgzy3JNdQaNFqmVTHo3EjGtZAdZ04uFOab+xi4NrAzEWIbHBFIzXxOwVyH5GuPQJ8CyPPN20YmEsgIAVrJIanwlcT5JwDYwJIQ+JyDNJZ+yYKz2OkbDij6HavnoMFJf6kXCOFjfdgs6lceKpEsgtQws1EieEQjsP2pMcLDgdIZepYZi2rTickSCvNgam3CL48VT5h19AsS40Es83X6nVpyF7obPwmns/T4BlmVynG9GkpAyvHrz+uKAufMfLxEjXUlaBjq5BNglOAWjMJaYHhGYUVFZTkkAopDrC4a1vTjijm1eqbuODsCImfbPr6wJ9jcEJeB1skB//4WpbDbna+XsExD3NTkuFOjFmT58p52czBsXYLxPgNqyt7me7W2fLWmfAMoyPy7MARLgBmN/UUcvHuHDPQKUXbkA430CNKnBI6BVtrsr3ycQLOqC+g0C/NGWdDoKCXCkehf4sEOAsvWLaegzAphR4URCzHxrV/4DBFwvZjnlMzLMAw6I9b2YPmwT8JcQpcb4kMD2TQJZ7L3n/B0CiQvKYgmIhrb0iMCAlgA+7BHgdMTzuOlfCMh9Am4OSnYI9L1Y4Yp4Uv+YAEOZMnz4DoHM6rnXeXtKAMs0hwBO4st9AhzjqPOqTrUyCRxj48j+O007fPje1jr6o2JijP+XABGwnYsdAvnao263I0lP3jVlS0Af9gnABGONQ3+MwOY+5V5NMOz2+wSYTSvC/XEC+9eW4Dd317bbNgxDR4oUZcuOvf//2QXoQ9ocUSSEDVirh14QxSF1eJFYHXbD80SMgL2XaXSsYflreWB3DgsyTMc1hQBqWSAPzzS5Vtp9YHkO6tIxAmg4H7/rP0TgdiuySm4mQARiyi3lNTlXSLlYnktaxzU1HIFSOMotAQKwyM6TUFreAYIkAshz0oQmw5Ra1ukcgHl44Q/DkIIVOAgsn4lpeuFPKnkclcdkkVCXhnkYDys28p62TOcAn48QwOXqH0/kdQQwsUmmQ4UfjGQEXfE5XoBfxKXEhZRVOgdgHtJPMAyJByPlEIj7l5wJa+ttEQGGLBJrggvZF+gcsLvLIYAeeKMEvtx+hiZfnyuT84TmCFCOb/1bs5oI4LYYhmiFgnWA6wZynz4CMfX3GGzLDM6b0vChD9BziePVQFNYSF7PxbqCALpugACHCFiDZZjlU8FN+AEHuhT1wlq4HOOQoctO0MB6I9PQnOui3DEC4AQolIz0Z9w2VvSgPaA0o0NLThNcBF5tc3BnZnXn1bzcl4OejG2x/opuLV7+TQQGM5ovEUP8ixHASECC9IYz07xRMwjUoG1RCeXWRIZm56oTjbSsKBdhCONU5aCgj/nKXp73kEBTl2udmBa3ZCghjBYggBrX4SfW4WXk221jyhDjo0h9BXPE08S+xKHWPzPLaEbO7oHXIX8g2EFILHeKP7AP3nCOH/J4uyxkx9DUD3QCm2RGTSHglgbpYDET7qU5houWwQsIgIUnLKcG0Qm9oL/3Xm7X8OPprqp9a5DXUIi7q/ZSfX+nfNhGCHBIojxHuWNDmb+usdw1ik5YXqBDtQOBJvg7+W6+r/r5wHxLi3h/trsAbJkjwZZDgObnBUnLHXMpZaxRq+ZABZEYfBkQcJWVHAIoSSSLH/jOXF+pNg1lJSH35nfFRwxotP4wtCRm4ca5eNx73x6vQGItkcXgMHl9dYa8/QzD7Ot3nABz4WnOe7mWV/j3KfXSX9MeB8OzAFLa1CYmyZ4iFkksuj8+FbmfEv+AYSc/xynBNEnNMn4O8c1SFzv7oCh8fo//qfC/jT/t3dEJgDAMhGG1sRBENPsv60O6ghwJ/zdDy+UoNHuZn/ibyqmCw6uzZw5D5VlzIVRGvipA5aizEaepkaMoVO4gh7WcUVTL6mzlasrJYS0LcljLyWEtC/qwlgd9WMoKbYjtyYMyIGVBDmutK9DiVbckC8qA1uXznPOd248+IPsvZn3sQkUAAAAASUVORK5CYII=");background-size:contain;opacity:1}#vivliostyle-menu-bar>ul.vivliostyle-menu{position:relative;z-index:10;float:left;padding-right:1px;background:rgba(0,0,0,.4)}#vivliostyle-menu-bar>ul.vivliostyle-menu:before{content:"";display:block;position:absolute;right:0;top:1px;width:1px;height:34px;background:#404040}#vivliostyle-menu-bar>ul.vivliostyle-menu#vivliostyle-menu_settings{float:right;margin-left:-7px;padding-right:0;z-index:11}#vivliostyle-menu-bar>ul.vivliostyle-menu#vivliostyle-menu_toc-find{z-index:12}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item{display:table-cell;position:relative;width:36px;height:36px}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item>.vivliostyle-menu-icon-button,#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item>.vivliostyle-menu-icon-button:before,#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item>.vivliostyle-menu-icon-button:after{box-sizing:border-box;display:block;position:absolute}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item>.vivliostyle-menu-icon-button{left:2px;top:2px;width:32px;height:32px;border-radius:2px;color:rgba(0,0,0,0);cursor:pointer}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item>.vivliostyle-menu-icon-button,#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item>.vivliostyle-menu-icon-button:before,#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item>.vivliostyle-menu-icon-button:after{transition:linear .1s}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item>.vivliostyle-menu-icon-button:before,#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item>.vivliostyle-menu-icon-button:after{color:#fff}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item>.vivliostyle-menu-icon-button:before{left:0;top:0;width:100%;height:100%;line-height:32px;font-size:16.2px;text-align:center;font-family:"FontAwesome";font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item>.vivliostyle-menu-icon-button:after{width:1em;height:1em;line-height:1;text-align:center;font-size:12.6px}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item>.vivliostyle-menu-icon-button.hover:before,#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item>.vivliostyle-menu-icon-button.hover:after{color:#000}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item>.vivliostyle-menu-icon-button.hover{background:hsla(0,0%,100%,.75)}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item>.vivliostyle-menu-icon-button.active:before,#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item>.vivliostyle-menu-icon-button.active:after{color:#000}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item>.vivliostyle-menu-icon-button.active{background:#fff}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item.vivliostyle-menu-item_detail-opened>span:before,#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item.vivliostyle-menu-item_detail-opened>span:after{color:#000}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item.vivliostyle-menu-item_detail-opened>span{background:#fff}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item.vivliostyle-menu-item_detail-opened>span.hover:before,#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item.vivliostyle-menu-item_detail-opened>span.hover:after{color:#000}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item.vivliostyle-menu-item_detail-opened>span.hover{background:hsla(0,0%,100%,.75)}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item.vivliostyle-menu-item_detail-opened>span.active:before,#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item.vivliostyle-menu-item_detail-opened>span.active:after{color:#fff}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item.vivliostyle-menu-item_detail-opened>span.active{background:rgba(0,0,0,0)}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item.vivliostyle-menu-disabled>span{cursor:default}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item.vivliostyle-menu-disabled>span:before,#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item.vivliostyle-menu-disabled>span:after{color:gray !important}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item.vivliostyle-menu-disabled>span{background:rgba(0,0,0,0) !important}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_page-number.vivliostyle-menu-disabled>#vivliostyle-page-number{background:rgba(0,0,0,0)}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_toc-toggle>.vivliostyle-menu-icon-button:before{content:""}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_find-toggle>.vivliostyle-menu-icon-button:before{content:""}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_find-toggle:not(.on)>#vivliostyle-menu-find-box{display:none}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_marker-toggle>.vivliostyle-menu-icon-button:before{content:""}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_move-first>.vivliostyle-menu-icon-button:before{content:""}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_move-previous>.vivliostyle-menu-icon-button:before{content:""}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_move-next>.vivliostyle-menu-icon-button:before{content:""}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_move-last>.vivliostyle-menu-icon-button:before{content:""}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_zoom-out>.vivliostyle-menu-icon-button:before{content:""}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_zoom-fit-to-screen>.vivliostyle-menu-icon-button:before{content:""}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_zoom-in>.vivliostyle-menu-icon-button:before{content:""}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_zoom-to-actual-size>.vivliostyle-menu-icon-button:before{content:""}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_text-size-smaller>.vivliostyle-menu-icon-button:before,#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_text-size-default>.vivliostyle-menu-icon-button:before,#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_text-size-larger>.vivliostyle-menu-icon-button:before{content:"A";font-family:Times,serif;font-weight:bold;font-size:20.88px}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_print>.vivliostyle-menu-icon-button:before{content:""}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_move-first>.vivliostyle-menu-icon-button:after{content:"";border-top:solid 2px;top:9px;left:8px;width:16px}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_move-last>.vivliostyle-menu-icon-button:after{content:"";border-bottom:solid 2px;bottom:9px;left:8px;width:16px}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_page-number>#vivliostyle-page-number{color:inherit;background-color:#444;font-size:12px;text-align:right;white-space:pre;position:absolute;top:8px;width:32px;height:20px}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_total-pages>#vivliostyle-total-pages{text-align:left;white-space:pre;position:absolute;top:13px;font-size:11.5px;-webkit-user-select:text;user-select:text}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_total-pages>#vivliostyle-total-pages::before{content:"/ "}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_zoom-to-actual-size>.vivliostyle-menu-icon-button:after{content:"1";left:8.1px;top:8.64px}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_text-size-smaller>.vivliostyle-menu-icon-button:after{content:"−"}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_text-size-default>.vivliostyle-menu-icon-button:after{content:"="}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_text-size-larger>.vivliostyle-menu-icon-button:after{content:"+"}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_text-size-smaller>.vivliostyle-menu-icon-button:after,#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_text-size-default>.vivliostyle-menu-icon-button:after,#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_text-size-larger>.vivliostyle-menu-icon-button:after{right:1.8px;top:3.6px}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_marker-toggle.on>.vivliostyle-menu-icon-button:before,#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_marker-toggle.on>.vivliostyle-menu-icon-button:after,#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_find-toggle.on>.vivliostyle-menu-icon-button:before,#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_find-toggle.on>.vivliostyle-menu-icon-button:after,#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_toc-toggle.on>.vivliostyle-menu-icon-button:before,#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_toc-toggle.on>.vivliostyle-menu-icon-button:after,#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_zoom-fit-to-screen.on>.vivliostyle-menu-icon-button:before,#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_zoom-fit-to-screen.on>.vivliostyle-menu-icon-button:after{color:#000}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_marker-toggle.on>.vivliostyle-menu-icon-button,#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_find-toggle.on>.vivliostyle-menu-icon-button,#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_toc-toggle.on>.vivliostyle-menu-icon-button,#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_zoom-fit-to-screen.on>.vivliostyle-menu-icon-button{background:hsla(0,0%,100%,.55)}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_marker-toggle.on>.vivliostyle-menu-icon-button.hover,#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_find-toggle.on>.vivliostyle-menu-icon-button.hover,#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_toc-toggle.on>.vivliostyle-menu-icon-button.hover,#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_zoom-fit-to-screen.on>.vivliostyle-menu-icon-button.hover{background:hsla(0,0%,100%,.75)}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_marker-toggle.on.pinned>.vivliostyle-menu-icon-button,#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_toc-toggle.on.pinned>.vivliostyle-menu-icon-button{background:hsla(0,0%,100%,.85)}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_settings-toggle>.vivliostyle-menu-icon-button{background-image:url("../resources/vivliostyle-icon.png");background-repeat:no-repeat;background-position:center center;background-size:contain;filter:grayscale(0%)}@media(hover: hover){#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_settings-toggle>.vivliostyle-menu-icon-button:hover{opacity:.75;filter:grayscale(50%)}}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_settings-toggle>.vivliostyle-menu-icon-button::after{content:"";font-size:27px;line-height:.5em;text-align:right;display:block;position:absolute;width:100%;height:.5em;right:0;bottom:-0.67em;padding:0 2px;overflow:hidden;color:rgba(0,0,0,.25);font-family:"FontAwesome";font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_settings-toggle.vivliostyle-menu-item_detail-opened>.vivliostyle-menu-icon-button{filter:grayscale(100%)}#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_settings-toggle.vivliostyle-menu-item_detail-opened.pinned>.vivliostyle-menu-icon-button{filter:grayscale(100%) brightness(150%)}@media screen and (max-width: 573px){#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_print{display:none}}@media screen and (max-width: 537px){#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_zoom-to-actual-size{display:none}}@media screen and (max-width: 645px){#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_move-previous,#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_move-next{display:none}}@media screen and (max-width: 501px){#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_zoom-fit-to-screen{display:none}}@media screen and (max-width: 393px){#vivliostyle-menu-bar>ul.vivliostyle-menu>li.vivliostyle-menu-item#vivliostyle-menu-item_text-size-default{display:none}}@media screen and (max-width: 465px){#vivliostyle-menu-bar>ul.vivliostyle-menu#vivliostyle-menu_zoom{display:none}}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail{box-sizing:border-box;display:none;position:fixed;right:0;top:36px;padding:0 2px;width:100vw;max-width:320px;max-width:-moz-min-content;max-width:min-content;height:calc(100% - 36px);min-height:54px;line-height:1;color:#202020}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail .vivliostyle-menu-disabled{color:#a0a0a0}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail{background:rgba(248,248,248,.9);box-shadow:0 2px 2px rgba(0,0,0,.4);-webkit-user-select:text;user-select:text}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail:focus{outline:1px solid rgba(0,0,0,.15)}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail details[open]>summary>span{text-decoration:underline}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail select{color:inherit;font-size:12px}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail input[type=text]{color:inherit;font-size:12px;box-sizing:border-box;padding:0 2px;width:5.5em}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail input[type=text][name=vivliostyle-settings_crop-marks]{width:7em}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail input[type=text][name=vivliostyle-settings_page-margin_custom]{width:9em}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail input[type=text][name=vivliostyle-settings_base-font-family]{width:11.5em}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail input[type=text][name=vivliostyle-settings_viewer-font-size]{width:4.5em;text-align:right}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail input[type=text][disabled]{color:#a0a0a0}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail input[type=radio]:checked+span,#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail input[type=checkbox]:checked+span{text-decoration:underline}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail button,#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail .vivliostyle-menu-button{display:inline-block;position:relative;box-sizing:border-box;padding:.6em 1.5em;border:solid 1px gray;border-radius:1.5em;height:2.5em;line-height:1em;font-size:12px;font-weight:bold;min-width:7em;cursor:pointer}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail button.vivliostyle-menu-button-positive,#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail .vivliostyle-menu-button.vivliostyle-menu-button-positive{color:#000;background:#fff;box-shadow:0 0 3px 0 #000}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail button.vivliostyle-menu-button-negative,#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail .vivliostyle-menu-button.vivliostyle-menu-button-negative{color:#000;background:#c8c8c8}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail button.hover,#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail .vivliostyle-menu-button.hover{color:#fff !important;background:#000 !important;transition:.1s linear}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail button.active,#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail .vivliostyle-menu-button.active{background:gray !important;transition:0s linear}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail button,#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail .vivliostyle-menu-button{transition:.15s linear}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail small{font-size:.9em}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main{position:relative;overflow-y:auto;height:calc(100% - 56px);font-size:14px;-webkit-overflow-scrolling:touch}@media screen and (min-width: 320px){#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main{min-width:316px}}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main #vivliostyle-settings_ui-language{position:absolute;top:0px;right:0px;z-index:1;font-size:14px}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main #vivliostyle-settings_ui-language::before{font-family:"FontAwesome";font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"";color:#555}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main #vivliostyle-settings_ui-language select{font-size:inherit}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main summary{width:fit-content}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main .vivliostyle-menu-detail-group{position:relative}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main .vivliostyle-menu-detail-group .vivliostyle-menu-detail-group-heading{font-weight:bold}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main .vivliostyle-menu-detail-group .vivliostyle-menu-detail-group-heading>label>input[type=checkbox]{margin-left:-1em}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main .vivliostyle-menu-detail-group-buttons{text-align:center}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main .vivliostyle-menu-detail-group-buttons>div,#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main .vivliostyle-menu-detail-group-buttons>li{text-align:center}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main .vivliostyle-menu-detail-group-inline{line-height:1.75}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main .vivliostyle-menu-detail-group-inline>div,#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main .vivliostyle-menu-detail-group-inline>li{display:inline-block;margin-left:10px}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main .vivliostyle-menu-detail-group-inline>div:first-child,#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main .vivliostyle-menu-detail-group-inline>li:first-child{margin-left:0}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main .vivliostyle-menu-detail-group-inline>.vivliostyle-menu-detail-group-heading{margin-left:0;margin-right:2em}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main>.vivliostyle-menu-detail-group{border-top:solid 1px #fff;padding:12px 4px;line-height:1.5}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main>.vivliostyle-menu-detail-group:first-child{border-top:none 0}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main>.vivliostyle-menu-detail-group .vivliostyle-menu-detail-group{padding-left:1.3em;margin-top:.8em}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main>.vivliostyle-menu-detail-group>.vivliostyle-menu-detail-group{font-size:.9em;padding-left:1.1em}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main>.vivliostyle-menu-detail-group ul.vivliostyle-menu-detail-group{margin-top:0}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main>.vivliostyle-menu-detail-group ul.vivliostyle-menu-detail-group:before{content:"";display:block;position:absolute;left:.4em;top:0;width:1px;height:100%;border-left:solid 1px #a0a0a0}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main>.vivliostyle-menu-detail-group ul.vivliostyle-menu-detail-group li{margin-top:.25em}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main>.vivliostyle-menu-detail-group ul.vivliostyle-menu-detail-group li>label:first-child{display:inline-block;margin-left:1.25em}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main>.vivliostyle-menu-detail-group ul.vivliostyle-menu-detail-group li>label:first-child>*:first-child{margin-left:-1.5em}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main>.vivliostyle-menu-detail-group ul.vivliostyle-menu-detail-group li>div:first-child:last-child{display:block;margin-left:1.25em}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main>.vivliostyle-menu-detail-group ul.vivliostyle-menu-detail-group li>div:first-child:last-child>label:first-child>*:first-child{margin-left:-1.5em}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main>.vivliostyle-menu-detail-group ul.vivliostyle-menu-detail-group li>div:first-child:last-child>label:first-child+span{white-space:nowrap}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main>.vivliostyle-menu-detail-group>#vivliostyle-settings_custom-style_more,#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main>.vivliostyle-menu-detail-group>#vivliostyle-settings_edit-css,#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main>.vivliostyle-menu-detail-group>#vivliostyle-settings_reset-custom-style{padding-left:.5em}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main>.vivliostyle-menu-detail-group>#vivliostyle-settings_custom-style_more>.vivliostyle-menu-detail-group,#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main>.vivliostyle-menu-detail-group>#vivliostyle-settings_edit-css>.vivliostyle-menu-detail-group,#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main>.vivliostyle-menu-detail-group>#vivliostyle-settings_reset-custom-style>.vivliostyle-menu-detail-group{padding-left:.6em}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main>.vivliostyle-menu-detail-group>#vivliostyle-settings_custom-style_more>ul.vivliostyle-menu-detail-group,#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main>.vivliostyle-menu-detail-group>#vivliostyle-settings_edit-css>ul.vivliostyle-menu-detail-group,#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main>.vivliostyle-menu-detail-group>#vivliostyle-settings_reset-custom-style>ul.vivliostyle-menu-detail-group{padding-left:1.9em}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main>.vivliostyle-menu-detail-group>#vivliostyle-settings_custom-style_more>ul.vivliostyle-menu-detail-group::before,#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main>.vivliostyle-menu-detail-group>#vivliostyle-settings_edit-css>ul.vivliostyle-menu-detail-group::before,#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main>.vivliostyle-menu-detail-group>#vivliostyle-settings_reset-custom-style>ul.vivliostyle-menu-detail-group::before{left:1em}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main>.vivliostyle-menu-detail-group>#vivliostyle-settings_custom-style_more>textarea,#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main>.vivliostyle-menu-detail-group>#vivliostyle-settings_edit-css>textarea,#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main>.vivliostyle-menu-detail-group>#vivliostyle-settings_reset-custom-style>textarea{display:block;line-height:1.3;font-size:1em;font-family:monospace;margin:.5em 0;padding:2px;box-sizing:border-box;width:100%}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main>.vivliostyle-menu-detail-group>#vivliostyle-settings_reset-custom-style{max-height:2em}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-main>#vivliostyle-settings_apply-or-cancel{position:sticky;bottom:0;background:rgba(248,248,248,.9);padding:4px}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-aside{box-sizing:border-box;position:absolute;left:0;bottom:0;border-top:solid 1px hsla(0,0%,100%,.8);padding:.75em 10px;width:100%;text-align:center;color:gray;background:hsla(0,0%,100%,.75);font-size:12px;line-height:1.2}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-aside small{font-size:10px}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-aside a{color:gray;text-decoration:none;border-bottom:solid 1px silver;transition:linear .1s}@media(hover: hover){#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-aside a:hover{color:#000;border-bottom-color:#000}}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-aside>.version{margin-top:.3em}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item .vivliostyle-menu-detail>.vivliostyle-menu-detail-aside>.version span{white-space:nowrap}#vivliostyle-menu-bar ul.vivliostyle-menu li.vivliostyle-menu-item.vivliostyle-menu-item_detail-opened .vivliostyle-menu-detail{display:block}@media screen{#vivliostyle-viewer-viewport{position:absolute;top:0;left:0;right:0;bottom:0;margin-top:36px;margin-bottom:24px}}[data-vivliostyle-toc-box][aria-hidden=false]{z-index:2000}[data-vivliostyle-toc-box]:focus{outline:1px solid rgba(0,0,0,.15)}[data-vivliostyle-toc-box] :focus{box-shadow:0 0 4px 2px #4d90fe;outline:none}[data-vivliostyle-toc-box] [role=button]:focus{text-shadow:1px 0 5px #4d90fe,-1px 0 5px #4d90fe;box-shadow:none;outline:none}#vivliostyle-menu-find-box{position:absolute;top:38px;left:2px;height:36px;background:rgba(248,248,248,.9);box-shadow:0 2px 2px rgba(0,0,0,.4);box-sizing:border-box;padding:2px;display:flex;color:#000;width:360px}@media screen and (max-width: 450px){#vivliostyle-menu-find-box{width:80vw}}@media screen and (max-width: 376px){#vivliostyle-menu-find-box{width:calc(100vw - 2px - 72px)}}#vivliostyle-menu-find-box #vivliostyle-find-box{flex:auto;background:#fff;font-size:16px;line-height:1;padding:2px}#vivliostyle-menu-find-box #vivliostyle-find-status{flex:none;width:min-content;font-size:12px;line-height:30px;background:#fff;padding:0 3px;color:gray;white-space:nowrap}#vivliostyle-menu-find-box #vivliostyle-find-previous,#vivliostyle-menu-find-box #vivliostyle-find-next{flex:none;width:36px;text-align:center;line-height:30px;color:rgba(0,0,0,.5);background:rgba(0,0,0,0);font-family:"FontAwesome";font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#vivliostyle-menu-find-box #vivliostyle-find-previous.hover,#vivliostyle-menu-find-box #vivliostyle-find-next.hover{color:hsla(0,0%,100%,.9);background:rgba(0,0,0,.2)}#vivliostyle-menu-find-box #vivliostyle-find-previous.active,#vivliostyle-menu-find-box #vivliostyle-find-next.active{color:#fff;background:rgba(0,0,0,.3)}#vivliostyle-menu-find-box #vivliostyle-find-previous::before{content:""}#vivliostyle-menu-find-box #vivliostyle-find-next::before{content:""}#vivliostyle-marks-box{position:absolute;top:38px;left:2px;background:rgba(248,248,248,.9);box-shadow:0 2px 2px rgba(0,0,0,.4);box-sizing:border-box;padding:4px;color:#000;font-family:"Helvetica Neue","Segoe UI","Roboto",sans-serif;font-size:14px;line-height:1.2;overflow:auto;max-height:calc(100vh - 64px);width:324px}@media screen and (max-width: 400px){#vivliostyle-marks-box{width:80vw}}#vivliostyle-marks-box:not([open]){width:max-content}#vivliostyle-marks-box summary{font-size:13px;font-weight:500;line-height:16px;color:#666;white-space:nowrap;padding-right:.5em}#vivliostyle-marks-box .viv-marker-remove-all button,#vivliostyle-marks-box .viv-marker-edit button{box-sizing:border-box;border:none;padding:.3em;border-radius:.3em;color:#666;background:rgba(0,0,0,0);font-family:"Helvetica Neue","Segoe UI","Roboto",sans-serif;font-size:14px}#vivliostyle-marks-box .viv-marker-remove-all button::before,#vivliostyle-marks-box .viv-marker-edit button::before{font-family:"FontAwesome";font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:""}#vivliostyle-marks-box .viv-marker-remove-all button:hover,#vivliostyle-marks-box .viv-marker-edit button:hover{color:#444;background:#ddd}#vivliostyle-marks-box .viv-marker-remove-all button:active,#vivliostyle-marks-box .viv-marker-edit button:active{color:#444;background:#ccc}#vivliostyle-marks-box .viv-marker-remove-all{text-align:right}#vivliostyle-marks-box .viv-marker-remove-all button::before{padding-right:.5em}#vivliostyle-marks-box .viv-marker-list>li{-webkit-user-select:text;user-select:text;clear:both;display:list-item;list-style:disc;border-left:.5em solid;margin-top:.5em}#vivliostyle-marks-box .viv-marker-list>li[data-viv-marker-color=red]{border-left-color:#f55}#vivliostyle-marks-box .viv-marker-list>li[data-viv-marker-color=green]{border-left-color:#5f5}#vivliostyle-marks-box .viv-marker-list>li[data-viv-marker-color=yellow]{border-left-color:#ffd900}#vivliostyle-marks-box .viv-marker-list>li .viv-marker-text{display:block;padding:3px;cursor:pointer;text-decoration:none;color:#000}#vivliostyle-marks-box .viv-marker-list>li .viv-marker-edit{display:flex;margin-top:3px}#vivliostyle-marks-box .viv-marker-list>li .viv-marker-edit button{width:32px;height:32px;margin:2px;flex:none}#vivliostyle-marks-box .viv-marker-list>li .viv-marker-edit textarea{font-family:"Helvetica Neue","Segoe UI","Roboto",sans-serif;font-size:14px;line-height:1.2;box-sizing:border-box;border:dotted 1px #888;padding:2px 4px;flex:auto;background:rgba(0,0,0,0)}#vivliostyle-marks-box .viv-marker-list>li .viv-marker-edit textarea:hover,#vivliostyle-marks-box .viv-marker-list>li .viv-marker-edit textarea:focus{background:#fff}#vivliostyle-page-slider-bar{position:fixed;left:0;right:0;bottom:0;height:24px;box-sizing:border-box;background:#888;padding:0 6px 3px;color:#fff;font-family:"Helvetica Neue","Segoe UI","Roboto",sans-serif;font-size:10px;line-height:1;justify-content:center;align-items:center;display:flex;-webkit-user-select:none;user-select:none}@media print{#vivliostyle-page-slider-bar{display:none}}#vivliostyle-page-slider-bar::before{content:"0%";flex:none}#vivliostyle-page-slider-bar::after{content:"100%";flex:none}#vivliostyle-page-slider-bar input{flex:auto;cursor:ew-resize}#vivliostyle-page-slider-bar:not([dir])::before,#vivliostyle-page-slider-bar:not([dir])::after,#vivliostyle-page-slider-bar:not([dir]) *{visibility:hidden}#vivliostyle-page-slider-bar.vivliostyle-menu-disabled::before,#vivliostyle-page-slider-bar.vivliostyle-menu-disabled::after,#vivliostyle-page-slider-bar.vivliostyle-menu-disabled>*{display:none}

data/vendor/viewer/css/ui.message-dialog.css

@@ -0,0 +1 @@
+@font-face{font-family:"FontAwesome";src:url("../fonts/fa-solid-900.woff2") format("woff2")}#vivliostyle-message-dialog{box-sizing:border-box;overflow:auto;overflow-x:hidden;overflow-y:auto;position:fixed;z-index:7777777;top:-100%;left:0;right:0;margin:auto;padding:calc(.375em + 36px) 18px .25em;border-radius:0 0 4px 4px;max-width:800px;width:calc(100vw - 36px*.5);max-height:calc(100vh - 36px*.25);font-size:14px;background:#fff;opacity:0;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:1s ease}#vivliostyle-message-dialog.vivliostyle-message-dialog-shown{top:0;opacity:1}#vivliostyle-message-dialog .vivliostyle-message{padding:.75em 0;border-top:solid 1px #e8e8e8}#vivliostyle-message-dialog .vivliostyle-message:first-child{border-top:none 0}#vivliostyle-message-dialog .vivliostyle-message p{position:relative;margin:0;padding-left:1.5em;font-family:"Helvetica Neue","Segoe UI","Roboto",sans-serif;line-height:1.25;color:#202020}#vivliostyle-message-dialog .vivliostyle-message p:before{font-family:"FontAwesome";font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;position:absolute;left:.25em;top:0}#vivliostyle-message-dialog .vivliostyle-message p.error{color:#d82000}#vivliostyle-message-dialog .vivliostyle-message p.error:before{content:""}#vivliostyle-message-dialog .vivliostyle-message p.warn{color:#c08000}#vivliostyle-message-dialog .vivliostyle-message p.warn:before{content:""}#vivliostyle-message-dialog .vivliostyle-message p.info{color:#0060c0}#vivliostyle-message-dialog .vivliostyle-message p.info:before{content:""}#vivliostyle-message-dialog .vivliostyle-message p.debug{color:#404040}#vivliostyle-message-dialog .vivliostyle-message p.debug:before{content:""}

data/vendor/viewer/css/ui.text-selection-menu.css

@@ -0,0 +1 @@
+@font-face{font-family:"FontAwesome";src:url("../fonts/fa-solid-900.woff2") format("woff2")}#vivliostyle-text-selection-edit-menu,#vivliostyle-text-selection-start-button{position:absolute;z-index:88888889;background:#333;box-shadow:0 4px 4px rgba(0,0,0,.25);border:1px solid #ddd;border-radius:8px;padding:4px;text-align:center;font-size:14px;font-family:"Helvetica Neue","Segoe UI","Roboto",sans-serif;line-height:1.25}#vivliostyle-text-selection-edit-menu>div,#vivliostyle-text-selection-start-button>div{white-space:nowrap}#vivliostyle-text-selection-edit-menu>div:not(:first-child),#vivliostyle-text-selection-start-button>div:not(:first-child){margin-top:4px}#vivliostyle-text-selection-edit-menu button,#vivliostyle-text-selection-edit-menu textarea,#vivliostyle-text-selection-start-button button,#vivliostyle-text-selection-start-button textarea{font:inherit}#vivliostyle-text-selection-edit-menu textarea,#vivliostyle-text-selection-start-button textarea{font-size:16px}#vivliostyle-text-selection-edit-menu .viv-marker-color,#vivliostyle-text-selection-start-button .viv-marker-color{box-sizing:content-box;padding:2px;height:1.5em;width:1.5em;margin:.2em;border-radius:50%;display:inline-block;cursor:pointer;vertical-align:middle;border:1px solid #bbb;opacity:.7}#vivliostyle-text-selection-edit-menu .viv-marker-color:hover,#vivliostyle-text-selection-start-button .viv-marker-color:hover{filter:drop-shadow(0 0 0.1em);opacity:1}#vivliostyle-text-selection-edit-menu .selected-color,#vivliostyle-text-selection-start-button .selected-color{opacity:1;border:3px solid #ccc}#vivliostyle-text-selection-edit-menu .red,#vivliostyle-text-selection-start-button .red{background-color:#f55}#vivliostyle-text-selection-edit-menu .green,#vivliostyle-text-selection-start-button .green{background-color:#5f5}#vivliostyle-text-selection-edit-menu .yellow,#vivliostyle-text-selection-start-button .yellow{background-color:#ffd900}#vivliostyle-text-selection-edit-menu #vivliostyle-memo-edit-area,#vivliostyle-text-selection-start-button #vivliostyle-memo-edit-area{display:block;min-width:12em;border:none}#vivliostyle-text-selection-edit-menu button:not(.viv-marker-color),#vivliostyle-text-selection-start-button button:not(.viv-marker-color){cursor:pointer;background:none;border:none;padding:.3em;border-radius:.3em;color:#fff}#vivliostyle-text-selection-edit-menu button:not(.viv-marker-color):before,#vivliostyle-text-selection-start-button button:not(.viv-marker-color):before{font-family:"FontAwesome";font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-right:.5em}#vivliostyle-text-selection-edit-menu button:not(.viv-marker-color):hover,#vivliostyle-text-selection-start-button button:not(.viv-marker-color):hover{color:#000;background-color:#a0a0a0}#vivliostyle-text-selection-edit-menu #viv-marker-selection-ok:before,#vivliostyle-text-selection-start-button #viv-marker-selection-ok:before{content:""}#vivliostyle-text-selection-edit-menu #viv-marker-selection-ok,#vivliostyle-text-selection-start-button #viv-marker-selection-ok{min-width:6em}#vivliostyle-text-selection-edit-menu #viv-marker-selection-cancel,#vivliostyle-text-selection-start-button #viv-marker-selection-cancel{cursor:pointer}#vivliostyle-text-selection-edit-menu #viv-marker-selection-cancel:before,#vivliostyle-text-selection-start-button #viv-marker-selection-cancel:before{content:""}#vivliostyle-text-selection-edit-menu #viv-marker-selection-delete,#vivliostyle-text-selection-start-button #viv-marker-selection-delete{cursor:pointer}#vivliostyle-text-selection-edit-menu #viv-marker-selection-delete:before,#vivliostyle-text-selection-start-button #viv-marker-selection-delete:before{content:""}#vivliostyle-text-selection-edit-menu #viv-marker-start-marker,#vivliostyle-text-selection-start-button #viv-marker-start-marker{-webkit-user-select:none;user-select:none}#vivliostyle-text-selection-edit-menu #viv-marker-start-marker:before,#vivliostyle-text-selection-start-button #viv-marker-start-marker:before{content:""}

data/vendor/viewer/css/vivliostyle-viewer.css

@@ -0,0 +1 @@
+html[data-vivliostyle-paginated],html[data-vivliostyle-paginated] body{margin:0;padding:0}@media print{html[data-vivliostyle-paginated]{height:100%;width:100%}html[data-vivliostyle-paginated] body>*{display:none}html[data-vivliostyle-paginated] [data-vivliostyle-viewer-viewport]{display:block}html[data-vivliostyle-paginated] body,html[data-vivliostyle-paginated] [data-vivliostyle-viewer-viewport]{width:100% !important;height:100% !important}}@media screen{html[data-vivliostyle-paginated] body{position:absolute;top:0;left:0;right:0;bottom:0}}#vivliostyle-welcome{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;overflow:auto;box-sizing:border-box;padding:4px 16px;margin-top:36px;background:#f0f0f0;font-family:"Helvetica Neue","Segoe UI","Roboto",sans-serif;font-size:.875rem;line-height:1.5}@media print{#vivliostyle-welcome[aria-hidden=false]{display:block}}#vivliostyle-welcome>*{max-width:48rem}#vivliostyle-welcome>h1{font-size:1.75rem;font-weight:100;line-height:1.1;padding:0 2px;margin:1rem 0}#vivliostyle-welcome>h1>small{font-size:.75rem;font-weight:300;display:inline-block}#vivliostyle-welcome>#vivliostyle-input-url{font-size:1rem;background:#fff;display:block;box-sizing:border-box;width:100%;max-width:100%;padding:4px;border:2px solid gray;border-radius:6px}#vivliostyle-welcome>#vivliostyle-input-options{line-height:2;margin:.5em 0 1em}#vivliostyle-welcome>#vivliostyle-input-options>button{margin:0 2px;padding:5px 7px;line-height:1em;font-size:12px;font-weight:bold;cursor:pointer}#vivliostyle-welcome p{margin:.5em 0}#vivliostyle-welcome ul,#vivliostyle-welcome ol{margin-top:0;padding-left:2em}#vivliostyle-welcome a{color:gray}#vivliostyle-welcome a>strong{font-size:1.25em;font-weight:400}#vivliostyle-welcome b{font-weight:bold;white-space:nowrap}

data/vendor/viewer/index.html

@@ -0,0 +1,362 @@
+<!DOCTYPE html>
+<html data-vivliostyle-paginated="true">
+  <head>
+    <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <meta name="mobile-web-app-capable" content="yes"/>
+    <meta name="google" content="notranslate"/>
+    <title>Vivliostyle Viewer</title>
+    
+    <!-- MathJax; uncomment if needed -->
+    <!-- <script src="resources/mathjax-config.js"></script> -->
+    <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.9/MathJax.js?config=TeX-MML-AM_CHTML"></script> -->
+
+    <!--Marks Plugin; may not present -->
+    <!-- <script src="resources/marks-store-plugin.js" type="module"></script> -->
+
+    <!-- Viewer -->
+    <script src="js/vivliostyle-viewer.js"></script>
+    <link rel="icon" href="resources/vivliostyle-icon.png"/>
+    <link rel="stylesheet" href="css/vivliostyle-viewer.css"/>
+    <link rel="stylesheet" href="css/ui.arrows.css"/>
+    <link rel="stylesheet" href="css/ui.menu-bar.css"/>
+    <link rel="stylesheet" href="css/ui.message-dialog.css"/>
+    <link rel="stylesheet" href="css/ui.loading-overlay.css"/>
+    <link rel="stylesheet" href="css/ui.text-selection-menu.css"/>    
+    <style id="vivliostyle-page-rules"></style>
+  </head>
+  <body data-vivliostyle-viewer-status="loading" data-bind="event: {keydown: handleKey}, attr: {'data-vivliostyle-viewer-status': viewer.state.status, 'aria-busy': viewer.state.status()=='loading'}">
+    <section id="vivliostyle-welcome" hidden data-bind="visible: !viewer.state.status(), attr: {hidden: viewer.state.status()?'':false, 'aria-hidden': viewer.state.status()?'true':'false', lang: t('UI_LNG')}, click: navigation.onclickViewport, swipePages: true">
+      <h1>Vivliostyle Viewer <small>(version:&nbsp;2.45.0)</small></h1>
+      <input id="vivliostyle-input-url" type="text" data-bind="textInput: viewer.inputUrl, attr: {placeholder: t('Input_')}"/>
+      <div id="vivliostyle-input-options">
+        <label data-bind="hidden: settingsPanel.isBookModeChangeDisabled"><input id="vivliostyle-book-mode" type="checkbox" data-bind="checked: settingsPanel.state.bookMode" />&nbsp;<b data-bind="text: t('Book_Mode')"></b>&emsp;</label>
+        <label data-bind="hidden: settingsPanel.isRenderAllPagesChangeDisabled"><input id="vivliostyle-render-all-pages" type="checkbox" data-bind="checked: settingsPanel.state.renderAllPages" />&nbsp;<b data-bind="text: t('Render_All_Pages')"></b>&emsp;</label>
+        <button id="vivliostyle-input-apply" type="button" data-bind="click: settingsPanel.apply, disable: !viewer.inputUrl(), text: t('Apply')"></button>
+      </div>
+      <p><strong data-bind="text: t('Supported_document_types_')"></strong></p>
+      <ul>
+        <li><span data-bind="text: t('HTML_documents_')"></span></li>
+        <li><span data-bind="text: t('Book_like_publications_')"></span> <span>(<b data-bind="text: t('Book_Mode')"></b>:&nbsp;On)</span>
+          <ul>
+            <li data-bind="text: t('Web_publications_')"></li>
+            <li data-bind="text: t('Unzipped_EPUB_')"></li>
+          </ul>
+        </li>
+      </ul>
+      <p data-bind="text: t('Notes_')"></p>
+      <ul>
+        <li data-bind="text: t('GitHub_')"></li>
+        <li data-bind="text: t('WARN_Mixed_Content_')"></li>
+        <li data-bind="text: t('WARN_Cross_Origin_')"></li>
+      </ul>
+      <p><strong data-bind="text: t('URL_parameter_options_')"></strong></p>
+      <ul>
+        <li><span>#<b>src</b>=&lt;<span data-bind="text: t('document_URL')"></span>&gt;</span></li>
+        <li><span>&amp;<b>bookMode</b>=[<b>true</b> | <b>false</b>]&emsp;(<b data-bind="text: t('Book_Mode')"></b>)</span>
+          <ul>
+            <li><b>true</b> <span data-bind="text: t('default_')"></span>: <span data-bind="text: t('for_Book_like_')"></span>
+              <ul>
+                <li data-bind="text: t('DESC_Book_Mode_')"></li>
+              </ul>
+            </li>
+            <li><b>false</b>: <span data-bind="text: t('for_single_HTML_')"></span></li>
+          </ul>
+        </li>
+        <li><span>&amp;<b>renderAllPages</b>=[<b>true</b> | <b>false</b>]&emsp;(<b data-bind="text: t('Render_All_Pages')"></b>)</span>
+          <ul>
+            <li><b>true</b> <span data-bind="text: t('default_')"></span>: <span data-bind="text: t('for_Print_')"></span></li>
+            <li><b>false</b>: <span data-bind="text: t('for_Read_')"></span></li>
+          </ul>
+        </li>
+        <li><span>&amp;<b>spread</b>=[<b>true</b> | <b>false</b> | <b>auto</b>]&emsp;(<b data-bind="text: t('Page_Spread_View')"></b>)</span>
+          <ul>
+            <li><b>true</b>: <span data-bind="text: t('Spread_view')"></span></li>
+            <li><b>false</b>: <span data-bind="text: t('Single_page_view')"></span></li>
+            <li><b>auto</b> <span data-bind="text: t('default_')"></span>: <span data-bind="text: t('Auto_spread_view')"></span></li>
+          </ul>
+        </li>
+        <li><span>&amp;<b>style</b>=&lt;<span data-bind="text: t('additional_stylesheet_URL')"></span>&gt;</span></li>
+        <li><span>&amp;<b>userStyle</b>=&lt;<span data-bind="text: t('user_stylesheet_URL')"></span>&gt;</span></li>
+      </ul>
+      <p><span data-bind="text: t('DESC_Options_also_1')"></span><a href="#" data-bind="click: settingsPanel.toggle"><img src="resources/vivliostyle-icon.png" width="16" height="16" alt="" />&nbsp;<span data-bind="text: t('Settings')"></span></a><span data-bind="text: t('DESC_Options_also_2')"></span></p>
+      <p data-bind="text: t('See_documentation_')"></p>
+      <ul>
+        <li><a data-bind="attr: {href: t('HREF_User_Guide')}, text: t('Vivliostyle_User_Guide')"></a></li>
+      </ul>
+      <p><a href="https://vivliostyle.org" data-bind="attr: {href: t('HREF_Vivlistyle_Home')}"><img src="resources/vivliostyle-logo.svg" alt="Vivliostyle"/></a></p>
+    </section>
+    <div id="vivliostyle-viewer-viewport" data-vivliostyle-viewer-viewport="true" role="main" tabindex="0" data-bind="attr: {'data-vivliostyle-page-progression': viewer.state.pageProgression}, click: navigation.onclickViewport, swipePages: true, textSelection: true, event: {'wheel': navigation.onwheelViewport}"></div>
+    <span role="button" id="vivliostyle-page-navigation-left" aria-keyshortcuts="ArrowLeft" data-bind="click: navigation.navigateToLeft, css: {'vivliostyle-menu-enabled': !navigation.isNavigateToLeftDisabled()}, attr: {'aria-disabled': navigation.isNavigateToLeftDisabled, title: t('navigate_to_left')}"></span>
+    <span role="button" id="vivliostyle-page-navigation-right" aria-keyshortcuts="ArrowRight" data-bind="click: navigation.navigateToRight, css: {'vivliostyle-menu-enabled': !navigation.isNavigateToRightDisabled()}, attr: {'aria-disabled': navigation.isNavigateToRightDisabled, title: t('navigate_to_right')}"></span>
+    <div id="vivliostyle-page-slider-bar" data-bind="attr: {'dir': viewer.state.pageProgression}, css: {'vivliostyle-menu-disabled': navigation.hidePageSlider}">
+      <input aria-label="Page Slider" id="vivliostyle-page-slider" tabindex="-1" type="range" data-bind="value: navigation.pageSlider, valueUpdate: 'input', 'disable': navigation.isPageSliderDisabled, attr: {'max': navigation.pageSliderMax}, event: {'mouseup': navigation.onmouseupPageSlider, 'touchend': navigation.onmouseupPageSlider, 'wheel': navigation.onwheelPageSlider}" min="1"/>
+    </div>
+    <div id="vivliostyle-loading-overlay" hidden data-bind="visible: !isDebug, attr: {hidden: !viewer.state.status()?'':false}">
+      <div class="vivliostyle-loading-spinner"></div>
+    </div>
+    <div id="vivliostyle-text-selection-start-button" hidden data-bind="visible: marksMenuStatus.startButtonOpened, clickOutside: marksMenuStatus.closeStartButton, attr: {hidden: !marksMenuStatus.startButtonOpened()?'':false}">
+      <button id="viv-marker-start-marker" data-bind="text: t('Highlight_')"></button>
+    </div>
+    <div role="dialog" id="vivliostyle-text-selection-edit-menu" hidden data-bind="visible: marksMenuStatus.menuOpened, clickOutside: marksMenuStatus.applyEditing, attr: {hidden: !marksMenuStatus.menuOpened()?'':false}">
+      <div>
+        <button class="viv-marker-color yellow" data-bind="attr: {title: t('Marker_Yellow')}, css: {'selected-color': marksMenuStatus.currentEditingColor() == 'yellow' }, click: () => { marksMenuStatus.currentEditingColor('yellow') }"></button>
+        <button class="viv-marker-color red" data-bind="attr: {title: t('Marker_Red')}, css: { 'selected-color': marksMenuStatus.currentEditingColor() == 'red' }, click: () => { marksMenuStatus.currentEditingColor('red') }"></button>
+        <button class="viv-marker-color green" data-bind="attr: {title: t('Marker_Green')}, css: { 'selected-color': marksMenuStatus.currentEditingColor() == 'green' }, click: () => { marksMenuStatus.currentEditingColor('green') }"></button>
+      </div>
+      <div>
+        <textarea id="vivliostyle-memo-edit-area" rows="3" data-bind="textInput: marksMenuStatus.currentEditingMemo">
+        </textarea>
+      </div>
+      <div data-bind="visible: marksMenuStatus.cancellable">
+        <button id="viv-marker-selection-ok" data-bind="click: marksMenuStatus.applyEditing, text: t('OK')"></button>
+        <button id="viv-marker-selection-cancel" data-bind="click: marksMenuStatus.closeMenu, text: t('Cancel')"></button>
+      </div>
+      <div data-bind="visible: marksMenuStatus.deletable">
+        <button id="viv-marker-selection-delete" data-bind="click: marksMenuStatus.deleteCurrentEditing, text: t('Delete')"></button>
+      </div>
+    </div>
+    <!-- MENU BAR -->
+    <div role="toolbar" id="vivliostyle-menu-bar" data-bind="attr: {lang: t('UI_LNG')}">
+      <ul class="vivliostyle-menu" id="vivliostyle-menu_settings">
+        <li class="vivliostyle-menu-item" id="vivliostyle-menu-item_settings-toggle" data-bind="css: {'vivliostyle-menu-item_detail-opened': settingsPanel.opened, 'pinned': settingsPanel.pinned}"><span role="button" tabindex="0" class="vivliostyle-menu-icon-button" aria-keyshortcuts="S" data-bind="menuButton: true, click: settingsPanel.toggle, attr: {'aria-pressed': settingsPanel.opened()?'true':'false', 'aria-expanded': settingsPanel.opened()?'true':'false', title: t('TIP_Settings')}"></span>
+          <!-- MENU DETAIL -->
+          <div role="dialog" aria-label="Settings Panel" class="vivliostyle-menu-detail" tabindex="0" aria-hidden="true" data-bind="attr: {'aria-hidden': !settingsPanel.opened()?'true':'false'}">
+            <div class="vivliostyle-menu-detail-main">
+              <div class="vivliostyle-menu-detail-group" id="vivliostyle-settings_ui-language" data-bind="hidden: settingsPanel.isUILanguageChangeDisabled, attr: {title: t('TIP_UI_Language')}">
+                <select name="vivliostyle-settings_ui-language" aria-keyshortcuts="L" data-bind="foreach: Object.keys(i18n.options.resources), value: settingsPanel.uiLanguage">
+                  <option data-bind="value: $data, text: $parent.t('UI_LNG', {lng: $data})">&nbsp;</option>
+                </select>
+              </div>
+              <details class="vivliostyle-menu-detail-group" id="vivliostyle-settings_page-view-and-rendering" open data-bind="hidden: settingsPanel.isPageViewModeChangeDisabled">
+                <summary class="vivliostyle-menu-detail-group-heading" aria-keyshortcuts="P"><span data-bind="text: t('Page_View_Mode')"></span></summary>
+                <fieldset class="vivliostyle-menu-detail-group" id="vivliostyle-settings_page-view-mode" aria-keyshortcuts="V">
+                  <legend class="vivliostyle-menu-detail-group-heading" data-bind="text: t('Page_Spread_View')"></legend>
+                  <ul class="vivliostyle-menu-detail-group">
+                    <li><label><input type="radio" name="vivliostyle-settings_page-view-mode" value="autoSpread" required data-bind="checked: settingsPanel.state.pageViewMode" /> <span data-bind="text: t('Auto')"></span></label></li>
+                    <li><label><input type="radio" name="vivliostyle-settings_page-view-mode" value="singlePage" required data-bind="checked: settingsPanel.state.pageViewMode" /> <span data-bind="text: t('Single_page')"></span></label></li>
+                    <li><label><input type="radio" name="vivliostyle-settings_page-view-mode" value="spread" required data-bind="checked: settingsPanel.state.pageViewMode" /> <span data-bind="text: t('Spread')"></span></label></li>
+                  </ul>
+                </fieldset>
+                <fieldset class="vivliostyle-menu-detail-group vivliostyle-menu-detail-group-inline">
+                  <div class="vivliostyle-menu-detail-group-heading" data-bind="hidden: settingsPanel.isBookModeChangeDisabled">
+                    <label><input type="checkbox" name="vivliostyle-settings_book-mode" aria-keyshortcuts="B" data-bind="checked: settingsPanel.state.bookMode, disable: settingsPanel.isBookModeChangeDisabled" /> <span data-bind="text: t('Book_Mode'), attr: {title: t('TIP_Book_Mode')}"></span></label>
+                  </div>
+                  <div class="vivliostyle-menu-detail-group-heading" data-bind="hidden: settingsPanel.isRenderAllPagesChangeDisabled">
+                    <label><input type="checkbox" name="vivliostyle-settings_render-all-pages" aria-keyshortcuts="A" data-bind="checked: settingsPanel.state.renderAllPages, disable: settingsPanel.isRenderAllPagesChangeDisabled" /> <span data-bind="text: t('Render_All_Pages'), attr: {title: t('TIP_Render_All_Pages')}"></span></label>
+                  </div>
+                  <div class="vivliostyle-menu-detail-group-heading" data-bind="hidden: settingsPanel.isRestoreViewChangeDisabled">
+                    <label><input type="checkbox" name="vivliostyle-settings_restore-view" data-bind="checked: settingsPanel.state.restoreView, disable: settingsPanel.isRestoreViewChangeDisabled" /> <span data-bind="text: t('Restore_View'), attr: {title: t('TIP_Restore_View')}"></span></label>
+                  </div>
+                </fieldset>
+              </details>
+              <details class="vivliostyle-menu-detail-group" id="vivliostyle-settings_custom-style" open data-bind="hidden: settingsPanel.isPageStyleChangeDisabled">
+                <summary class="vivliostyle-menu-detail-group-heading" aria-keyshortcuts="C"><span data-bind="text: t('Custom_Style_Settings')"></span></summary>
+                <fieldset class="vivliostyle-menu-detail-group" id="vivliostyle-settings_page-size" aria-keyshortcuts="Z">
+                  <legend class="vivliostyle-menu-detail-group-heading" data-bind="text: t('Page_Size')"></legend>
+                  <ul class="vivliostyle-menu-detail-group">
+                    <li><label><input type="radio" name="vivliostyle-settings_page-size" value="" required data-bind="checked: settingsPanel.state.pageStyle.pageSizeMode" /> <span data-bind="text: t('Default')"></span> <small data-bind="text: t('DESC_page_size_default')"></small></label></li>
+                    <li><label><input type="radio" name="vivliostyle-settings_page-size" value="auto" required data-bind="checked: settingsPanel.state.pageStyle.pageSizeMode" /> <span data-bind="text: t('Auto')"></span> <small data-bind="text: t('DESC_page_size_auto')"></small></label></li>
+                    <li>
+                      <div>
+                        <label><input type="radio" name="vivliostyle-settings_page-size" value="preset" required data-bind="checked: settingsPanel.state.pageStyle.pageSizeMode" /> <span data-bind="text: t('Preset')"></span></label>
+                        <span class="vivliostyle-menu-disabled" data-bind="css: {'vivliostyle-menu-disabled': settingsPanel.state.pageStyle.pageSizeMode()!='preset'}, click: ()=>{settingsPanel.state.pageStyle.pageSizeMode('preset');return true;}">
+                          <select name="vivliostyle-settings_page-size_preset-select" data-bind="foreach: settingsPanel.state.pageStyle.PresetSize, value: settingsPanel.state.pageStyle.presetSize, attr: {tabindex: settingsPanel.state.pageStyle.pageSizeMode()=='preset'?0:-1}">
+                            <option data-bind="value: $data, text: description">&nbsp;</option>
+                          </select>&#x2002;
+                          <label><input type="checkbox" name="vivliostyle-settings_page-size_preset-landscape" data-bind="checked: settingsPanel.state.pageStyle.isLandscape, disable: settingsPanel.state.pageStyle.pageSizeMode()!='preset'" /> <span data-bind="text: t('Landscape')"></span></label>
+                        </span>
+                      </div>
+                    </li>
+                    <li>
+                      <div>
+                        <label><input type="radio" name="vivliostyle-settings_page-size" value="custom" required data-bind="checked: settingsPanel.state.pageStyle.pageSizeMode" /> <span data-bind="text: t('Custom_size')"></span>:</label>
+                        <span class="vivliostyle-menu-disabled" data-bind="css: {'vivliostyle-menu-disabled': settingsPanel.state.pageStyle.pageSizeMode()!='custom'}, click: ()=>{settingsPanel.state.pageStyle.pageSizeMode('custom');return true;}"><label>‣ <small data-bind="text: t('Width')"></small>: <input type="text" autocomplete="off" name="vivliostyle-settings_page-size_custom-width" data-bind="value: settingsPanel.state.pageStyle.customWidth, attr: {tabindex: settingsPanel.state.pageStyle.pageSizeMode()=='custom'?0:-1}" /></label>
+                          <label>‣ <small data-bind="text: t('Height')"></small>: <input type="text" autocomplete="off" name="vivliostyle-settings_page-size_custom-height" data-bind="value: settingsPanel.state.pageStyle.customHeight, attr: {tabindex: settingsPanel.state.pageStyle.pageSizeMode()=='custom'?0:-1}" /></label>
+                        </span>
+                      </div>
+                    </li>
+                  </ul>
+                </fieldset>
+                <details class="vivliostyle-menu-detail-group" id="vivliostyle-settings_custom-style_more" data-bind="hidden: settingsPanel.isPageStyleChangeDisabled">
+                <summary class="vivliostyle-menu-detail-group-heading" aria-keyshortcuts="M"><span data-bind="text: t('More_')"></span></summary>
+                <fieldset class="vivliostyle-menu-detail-group" id="vivliostyle-settings_crop-marks" aria-keyshortcuts="O">
+                  <legend class="vivliostyle-menu-detail-group-heading" data-bind="text: t('Crop_Marks')"></legend>
+                  <ul class="vivliostyle-menu-detail-group">
+                    <li>
+                      <div>
+                        <label><input type="checkbox" name="vivliostyle-settings_crop-marks-specified" data-bind="checked: settingsPanel.state.pageStyle.cropMarksSpecified" /> <span data-bind="text: t('Crop_marks')"></span>:</label>
+                        <span class="vivliostyle-menu-disabled" data-bind="css: {'vivliostyle-menu-disabled': !settingsPanel.state.pageStyle.cropMarksSpecified()}, click: ()=>{settingsPanel.state.pageStyle.cropMarksSpecified(true);return true;}"><input type="text" autocomplete="off" name="vivliostyle-settings_crop-marks" data-bind="value: settingsPanel.state.pageStyle.cropMarks, attr: {tabindex: settingsPanel.state.pageStyle.cropMarksSpecified()?0:-1}" /></span>
+                      </div>
+                      <ul class="vivliostyle-menu-detail-group">
+                        <li>
+                          <div>
+                            <label><input type="checkbox" name="vivliostyle-settings_bleed-specified" data-bind="checked: settingsPanel.state.pageStyle.bleedSpecified" /> <span data-bind="text: t('Bleed')"></span>:</label>
+                            <span class="vivliostyle-menu-disabled" data-bind="css: {'vivliostyle-menu-disabled': !settingsPanel.state.pageStyle.bleedSpecified()}, click: ()=>{settingsPanel.state.pageStyle.bleedSpecified(true);return true;}"><input type="text" autocomplete="off" name="vivliostyle-settings_bleed" data-bind="value: settingsPanel.state.pageStyle.bleed, attr: {tabindex: settingsPanel.state.pageStyle.bleedSpecified()?0:-1}" /></span>
+                          </div>
+                        </li>
+                        <li>
+                          <div>
+                            <label><input type="checkbox" name="vivliostyle-settings_crop-offset-specified" data-bind="checked: settingsPanel.state.pageStyle.cropOffsetSpecified" /> <span data-bind="text: t('Crop_offset')"></span>:</label>
+                            <span class="vivliostyle-menu-disabled" data-bind="css: {'vivliostyle-menu-disabled': !settingsPanel.state.pageStyle.cropOffsetSpecified()}, click: ()=>{settingsPanel.state.pageStyle.cropOffsetSpecified(true);return true;}"><input type="text" autocomplete="off" name="vivliostyle-settings_crop-offset" data-bind="value: settingsPanel.state.pageStyle.cropOffset, attr: {tabindex: settingsPanel.state.pageStyle.cropOffsetSpecified()?0:-1}" /></span>
+                          </div>
+                        </li>
+                      </ul>
+                    </li>
+                  </ul>
+                </fieldset>
+                <fieldset class="vivliostyle-menu-detail-group" id="vivliostyle-settings_page-margin" aria-keyshortcuts="G">
+                  <legend class="vivliostyle-menu-detail-group-heading" data-bind="text: t('Page_Margins')"></legend>
+                  <ul class="vivliostyle-menu-detail-group">
+                    <li><label><input type="radio" name="vivliostyle-settings_page-margin" value="" required data-bind="checked: settingsPanel.state.pageStyle.pageMarginMode" /> <span data-bind="text: t('Default')"></span> <small data-bind="text: t('DESC_page_margin_default')"></small></label></li>
+                    <li><label><input type="radio" name="vivliostyle-settings_page-margin" value="0" required data-bind="checked: settingsPanel.state.pageStyle.pageMarginMode" /> <span data-bind="text: t('Set_page_margin_to_0')"></span></label></li>
+                    <li>
+                      <div>
+                        <label><input type="radio" name="vivliostyle-settings_page-margin" value="custom" required data-bind="checked: settingsPanel.state.pageStyle.pageMarginMode" /> <span data-bind="text: t('Custom_margin')"></span>:</label>
+                        <span class="vivliostyle-menu-disabled" data-bind="css: {'vivliostyle-menu-disabled': settingsPanel.state.pageStyle.pageMarginMode()!='custom'}, click: ()=>{settingsPanel.state.pageStyle.pageMarginMode('custom');return true;}"><label>‣ <small data-bind="text: t('Top_Right_Bottom_Left')"></small>: <input type="text" autocomplete="off" name="vivliostyle-settings_page-margin_custom" data-bind="value: settingsPanel.state.pageStyle.customMargin, attr: {tabindex: settingsPanel.state.pageStyle.pageMarginMode()=='custom'?0:-1}" /></label></span>
+                      </div>
+                    </li>
+                    <li><label><input type="checkbox" name="vivliostyle-settings_first-page-margin-zero" data-bind="checked: settingsPanel.state.pageStyle.firstPageMarginZero" /> <span data-bind="text: t('Set_first_page_margin_to_0')"></span></label>
+                    <li><label><input type="checkbox" name="vivliostyle-settings_force-html-body-margin-zero" data-bind="checked: settingsPanel.state.pageStyle.forceHtmlBodyMarginZero" /> <span data-bind="text: t('Force_html_body_margin_to_0')"></span></label>
+                  </ul>
+                </fieldset>
+                <fieldset class="vivliostyle-menu-detail-group" id="vivliostyle-settings_page-breaks" aria-keyshortcuts="K">
+                  <legend class="vivliostyle-menu-detail-group-heading" data-bind="text: t('Page_Breaks')"></legend>
+                  <ul class="vivliostyle-menu-detail-group">
+                    <li><label><input type="radio" name="vivliostyle-settings_widows-orphans" value="" required data-bind="checked: settingsPanel.state.pageStyle.widowsOrphans" /> <span data-bind="text: t('Default_widows_orphans_control')"></span></label></li>
+                    <li><label><input type="radio" name="vivliostyle-settings_widows-orphans" value="1" required data-bind="checked: settingsPanel.state.pageStyle.widowsOrphans" /> <span data-bind="text: t('Allow_widows_and_orphans')"></span></label></li>
+                    <li><label><input type="radio" name="vivliostyle-settings_widows-orphans" value="999" required data-bind="checked: settingsPanel.state.pageStyle.widowsOrphans" /> <span data-bind="text: t('Avoid_page_break_inside_paragraph')"></span></label></li>
+                  </ul>
+                </fieldset>
+                <fieldset class="vivliostyle-menu-detail-group" id="vivliostyle-settings_images" aria-keyshortcuts="I">
+                  <legend class="vivliostyle-menu-detail-group-heading" data-bind="text: t('Images')"></legend>
+                  <ul class="vivliostyle-menu-detail-group">
+                    <li><label><input type="checkbox" name="vivliostyle-settings_image-max-size-to-fit-page" data-bind="checked: settingsPanel.state.pageStyle.imageMaxSizeToFitPage" /> <span data-bind="text: t('Set_image_max_size_to_fit_page')"></span></label></li>
+                    <li>
+                      <ul class="vivliostyle-menu-detail-group">
+                        <li><label><input type="checkbox" name="vivliostyle-settings_image-keep-aspect-ratio" data-bind="checked: settingsPanel.state.pageStyle.imageKeepAspectRatio" /> <span data-bind="text: t('Keep_aspect_ratio')"></span></label></li>
+                      </ul>
+                    </li>
+                  </ul>
+                </fieldset>
+                <fieldset class="vivliostyle-menu-detail-group" id="vivliostyle-settings_text" aria-keyshortcuts="T">
+                  <legend class="vivliostyle-menu-detail-group-heading" data-bind="text: t('Text')"></legend>
+                  <ul class="vivliostyle-menu-detail-group">
+                    <li><label><span data-bind="text: t('Font_size')"></span>: <input type="text" inputmode="numeric" autocomplete="off" name="vivliostyle-settings_viewer-font-size" data-bind="value: settingsPanel.state.pageStyle.viewerFontSizePercent" />%</label>
+                      <ul class="vivliostyle-menu-detail-group">
+                        <li>
+                          <div>
+                            <label><input type="checkbox" name="vivliostyle-settings_base-font-size-specified" data-bind="checked: settingsPanel.state.pageStyle.baseFontSizeSpecified" /> <span data-bind="text: t('Base_font_size')"></span>:</label>
+                            <span class="vivliostyle-menu-disabled" data-bind="css: {'vivliostyle-menu-disabled': !settingsPanel.state.pageStyle.baseFontSizeSpecified()}, click: ()=>{settingsPanel.state.pageStyle.baseFontSizeSpecified(true);return true;}"><input type="text" autocomplete="off" name="vivliostyle-settings_base-font-size" data-bind="value: settingsPanel.state.pageStyle.baseFontSize, attr: {tabindex: settingsPanel.state.pageStyle.baseFontSizeSpecified()?0:-1}" /></span>
+                          </div>
+                        </li>
+                      </ul>
+                    </li>
+                    <li>
+                      <div>
+                        <label><input type="checkbox" name="vivliostyle-settings_base-line-height-specified" data-bind="checked: settingsPanel.state.pageStyle.baseLineHeightSpecified" /> <span data-bind="text: t('Base_line_height')"></span>:</label>
+                        <span class="vivliostyle-menu-disabled" data-bind="css: {'vivliostyle-menu-disabled': !settingsPanel.state.pageStyle.baseLineHeightSpecified()}, click: ()=>{settingsPanel.state.pageStyle.baseLineHeightSpecified(true);return true;}"><input type="text" autocomplete="off" name="vivliostyle-settings_base-line-height" data-bind="value: settingsPanel.state.pageStyle.baseLineHeight, attr: {tabindex: settingsPanel.state.pageStyle.baseLineHeightSpecified()?0:-1}" /></span>
+                      </div>
+                    </li>
+                    <li>
+                      <div>
+                        <label><input type="checkbox" name="vivliostyle-settings_base-font-family-specified" data-bind="checked: settingsPanel.state.pageStyle.baseFontFamilySpecified" /> <span data-bind="text: t('Base_font_family')"></span>:</label>
+                        <span class="vivliostyle-menu-disabled" data-bind="css: {'vivliostyle-menu-disabled': !settingsPanel.state.pageStyle.baseFontFamilySpecified()}, click: ()=>{settingsPanel.state.pageStyle.baseFontFamilySpecified(true);return true;}"><input type="text" name="vivliostyle-settings_base-font-family" data-bind="value: settingsPanel.state.pageStyle.baseFontFamily, attr: {tabindex: settingsPanel.state.pageStyle.baseFontFamilySpecified()?0:-1}" /></span>
+                      </div>
+                    </li>
+                  </ul>
+                </fieldset>
+                <fieldset class="vivliostyle-menu-detail-group" id="vivliostyle-settings_priority" aria-keyshortcuts="Y">
+                  <legend class="vivliostyle-menu-detail-group-heading" data-bind="text: t('Custom_Style_Priority')"></legend>
+                  <ul class="vivliostyle-menu-detail-group">
+                    <li><label><input type="checkbox" name="vivliostyle-settings_set-as-custom-style" data-bind="checked: settingsPanel.state.pageStyle.customStyleAsUserStyle" /> <span data-bind="text: t('Set_as_user_stylesheet')"></span> <small data-bind="text: t('DESC_user_stylesheet')"></small></label></li>
+                    <li><label><input type="checkbox" name="vivliostyle-settings_override-document-stylesheets" data-bind="checked: settingsPanel.state.pageStyle.allImportant" /> <span data-bind="text: t('Force_override_document_style')"></span> <small data-bind="text: t('important_')"></small></label></li>
+                  </ul>
+                </fieldset>
+                </details>
+                <details class="vivliostyle-menu-detail-group" id="vivliostyle-settings_edit-css">
+                  <summary class="vivliostyle-menu-detail-group-heading"><span data-bind="text: t('Edit_CSS')"></span></summary>
+                  <div><small data-bind="text: t('Dont_edit_')"></small></div>
+                  <textarea name="vivliostyle-settings_edit-css" autocomplete="off" aria-keyshortcuts="E" rows="10" data-bind="value: settingsPanel.state.pageStyle.cssText"></textarea>
+                </details>
+                <details class="vivliostyle-menu-detail-group" id="vivliostyle-settings_reset-custom-style">
+                  <summary class="vivliostyle-menu-detail-group-heading"><span data-bind="text: t('Reset_Custom_Style')"></span></summary>
+                  <ul class="vivliostyle-menu-detail-group">
+                    <li>
+                      <label><input type="checkbox" name="vivliostyle-settings_reset-custom-style" aria-keyshortcuts="R" data-bind="checked: settingsPanel.resetCustomStyle" /> <span data-bind="text: t('Reset_all_to_default')"></span></label>
+                    </li>
+                  </ul>
+                </details>
+              </details>
+              <div class="vivliostyle-menu-detail-group vivliostyle-menu-detail-group-buttons vivliostyle-menu-detail-group-inline" id="vivliostyle-settings_apply-or-cancel">
+                <div><button type="button" class="vivliostyle-menu-button vivliostyle-menu-button-positive" id="vivliostyle-menu-button_apply" aria-keyshortcuts="Enter" data-bind="menuButton: true, click: settingsPanel.apply, text: t('Apply')"></button></div>
+                <div><button type="button" class="vivliostyle-menu-button vivliostyle-menu-button-negative" id="vivliostyle-menu-button_cancel" aria-keyshortcuts="Escape" data-bind="menuButton: true, click: settingsPanel.cancel, text: t('Cancel')"></button></div>
+              </div>
+            </div>
+            <aside class="vivliostyle-menu-detail-aside">
+              <div><small>Powered by</small> <a href="https://vivliostyle.org"><strong>Vivliostyle</strong></a> </div>
+              <div class="version"><small>(<span>core+viewer: 2.45.0</span>)</small></div>
+            </aside>
+          </div>
+        </li>
+      </ul>
+      <ul class="vivliostyle-menu" id="vivliostyle-menu_toc-find" data-bind="visible: !navigation.hideTOCNavigation||!navigation.hideFind">
+        <li class="vivliostyle-menu-item vivliostyle-menu-disabled" id="vivliostyle-menu-item_toc-toggle" data-bind="click: navigation.toggleTOC, css: {'vivliostyle-menu-disabled': navigation.isTOCToggleDisabled, 'on': viewer.tocVisible, 'pinned': viewer.tocPinned}, visible: !navigation.hideTOCNavigation"><span role="button" class="vivliostyle-menu-icon-button" aria-keyshortcuts="T" data-bind="menuButton: true, attr: {'aria-disabled': navigation.isTOCToggleDisabled, 'aria-pressed': viewer.tocVisible()?'true':'false', 'tabindex': !navigation.isTOCToggleDisabled()?'0':false, title: t('TIP_ToC')}"></span></li>
+        <li class="vivliostyle-menu-item vivliostyle-menu-disabled" id="vivliostyle-menu-item_marker-toggle" data-bind="css: {'vivliostyle-menu-disabled': navigation.isMarkerToggleDisabled, 'on': viewerOptions.enableMarker, 'pinned': marksBox.pinned}, visible: !navigation.hideMarker"><span role="button" class="vivliostyle-menu-icon-button" aria-keyshortcuts="M" data-bind="click: navigation.toggleMarker, menuButton: true, attr: {'aria-disabled': navigation.isMarkerToggleDisabled, 'aria-pressed': viewerOptions.enableMarker()?'true':'false', 'tabindex': !navigation.isTOCToggleDisabled()?'0':false, title: t('TIP_Marker')}"></span>
+          <details role="dialog" id="vivliostyle-marks-box" hidden aria-hidden="true" data-bind="attr: {hidden: !marksBox.hasMarks()?'':false, 'aria-hidden': !marksBox.hasMarks()?'true':'false'}">
+            <summary data-bind="text: t('Marks_and_Memos')"></summary>
+            <div class="viv-marker-remove-all">
+              <button data-bind="click: marksBox.removeAllMarks, text: t('Remove_All')"></button>
+            </div>
+            <ol class="viv-marker-list" data-bind="foreach: marksBox.list">
+              <li data-bind="attr: {'data-viv-marker-color': color}">
+                <a href="#" class="viv-marker-text" draggable="false" data-bind="text: markedText, click: $parent.marksBox.navigateToMark"></a>
+                <div class="viv-marker-edit">
+                  <button class="viv-marker-remove" data-bind="click: $parent.marksBox.removeOneMark, attr: {title: $parent.t('Remove')}"></button>
+                  <textarea data-bind="textInput: memo, event: {blur: $parent.marksBox.updateActualMark}, attr: {title: $parent.t('Memo')}"></textarea>
+                </div>
+              </li>
+            </ol>
+          </details>
+        </li>
+        <li class="vivliostyle-menu-item vivliostyle-menu-disabled" id="vivliostyle-menu-item_find-toggle" data-bind="css: {'vivliostyle-menu-disabled': navigation.isFindBoxDisabled, 'on': findBox.opened}, visible: !navigation.hideFind"><span role="button" class="vivliostyle-menu-icon-button" aria-keyshortcuts="Ctrl+F Meta+F" data-bind="click: findBox.toggle, menuButton: true, attr: {'aria-disabled': navigation.isFindBoxDisabled, 'aria-pressed': findBox.opened()?'true':'false', 'tabindex': !navigation.isFindBoxDisabled()?'0':false, title: t('TIP_Find')}"></span>
+          <div id="vivliostyle-menu-find-box" aria-hidden="true" data-bind="attr: {'aria-hidden': !findBox.opened()?'true':'false'}">
+            <input id="vivliostyle-find-box" data-bind="textInput: findBox.text, attr: {'aria-disabled': navigation.isFindBoxDisabled, placeholder: t('Find')}" type="text" size="6"/>
+            <span id="vivliostyle-find-status" data-bind="text: findBox.status"></span>
+            <span id="vivliostyle-find-previous" role="button" aria-keyshortcuts="Shift+Enter" data-bind="menuButton: true, click: findBox.findPrevious, attr: {title: t('TIP_Find_Previous')}"></span>
+            <span id="vivliostyle-find-next" role="button" aria-keyshortcuts="Enter" data-bind="menuButton: true, click: findBox.findNext, attr: {title: t('TIP_Find_Next')}"></span>
+          </div>
+        </li>
+      </ul>
+      <ul class="vivliostyle-menu" id="vivliostyle-menu_move" data-bind="visible: !navigation.hidePageNavigation">
+        <li class="vivliostyle-menu-item vivliostyle-menu-disabled" id="vivliostyle-menu-item_move-first" data-bind="click: navigation.navigateToFirst, css: {'vivliostyle-menu-disabled': navigation.isNavigateToFirstDisabled}"><span role="button" class="vivliostyle-menu-icon-button" aria-keyshortcuts="Home Meta+ArrowUp" data-bind="menuButton: true, attr: {'aria-disabled': navigation.isNavigateToFirstDisabled, title: t('TIP_First_Page')}"></span></li>
+        <li class="vivliostyle-menu-item vivliostyle-menu-disabled" id="vivliostyle-menu-item_move-previous" data-bind="click: navigation.navigateToPrevious, css: {'vivliostyle-menu-disabled': navigation.isNavigateToPreviousDisabled}"><span role="button" class="vivliostyle-menu-icon-button" aria-keyshortcuts="ArrowUp PageUp" data-bind="menuButton: true, attr: {'aria-disabled': navigation.isNavigateToPreviousDisabled, title: t('TIP_Previous_Page')}"></span></li>
+        <li class="vivliostyle-menu-item vivliostyle-menu-disabled" id="vivliostyle-menu-item_move-next" data-bind="click: navigation.navigateToNext, css: {'vivliostyle-menu-disabled': navigation.isNavigateToNextDisabled}"><span role="button" class="vivliostyle-menu-icon-button" aria-keyshortcuts="ArrowDown PageDown" data-bind="menuButton: true, attr: {'aria-disabled': navigation.isNavigateToNextDisabled, title: t('TIP_Next_Page')}"></span></li>
+        <li class="vivliostyle-menu-item vivliostyle-menu-disabled" id="vivliostyle-menu-item_move-last" data-bind="click: navigation.navigateToLast, css: {'vivliostyle-menu-disabled': navigation.isNavigateToLastDisabled}"><span role="button" class="vivliostyle-menu-icon-button" aria-keyshortcuts="End Meta+ArrowDown" data-bind="menuButton: true, attr: {'aria-disabled': navigation.isNavigateToLastDisabled, title: t('TIP_Last_Page')}"></span></li>
+        <li class="vivliostyle-menu-item" id="vivliostyle-menu-item_page-number" data-bind="css: {'vivliostyle-menu-disabled': navigation.isPageNumberDisabled}"><input aria-label="Page number" id="vivliostyle-page-number" aria-keyshortcuts="G" data-bind="value: navigation.pageNumber, attr: {'aria-disabled': navigation.isPageNumberDisabled, title: t('TIP_Go_to_Page')}, event: {'focus': navigation.onfocusPageNumber,'wheel': navigation.onwheelPageSlider}" type="text" inputmode="numeric" autocomplete="off"/></li>
+        <li class="vivliostyle-menu-item" id="vivliostyle-menu-item_total-pages" data-bind="css: {'vivliostyle-menu-disabled': navigation.isPageNumberDisabled}"><span id="vivliostyle-total-pages" tabindex="0" data-bind="text: navigation.totalPages, attr: {'aria-label': t('Total_pages')}"></span></li>
+      </ul>
+      <ul class="vivliostyle-menu" id="vivliostyle-menu_text-size" data-bind="visible: !navigation.hideFontSizeChange">
+        <li class="vivliostyle-menu-item vivliostyle-menu-disabled" id="vivliostyle-menu-item_text-size-smaller" data-bind="click: navigation.decreaseFontSize, css: {'vivliostyle-menu-disabled': navigation.isDecreaseFontSizeDisabled}"><span role="button" class="vivliostyle-menu-icon-button" aria-keyshortcuts="-" data-bind="menuButton: true, attr: {'aria-disabled': navigation.isDecreaseFontSizeDisabled, title: t('TIP_Text_Smaller')}"></span></li>
+        <li class="vivliostyle-menu-item vivliostyle-menu-disabled" id="vivliostyle-menu-item_text-size-larger" data-bind="click: navigation.increaseFontSize, css: {'vivliostyle-menu-disabled': navigation.isIncreaseFontSizeDisabled}"><span role="button" class="vivliostyle-menu-icon-button" aria-keyshortcuts="Plus" data-bind="menuButton: true, attr: {'aria-disabled': navigation.isIncreaseFontSizeDisabled, title: t('TIP_Text_Larger')}"></span></li>
+        <li class="vivliostyle-menu-item vivliostyle-menu-disabled" id="vivliostyle-menu-item_text-size-default" data-bind="click: navigation.defaultFontSize, css: {'vivliostyle-menu-disabled': navigation.isDefaultFontSizeDisabled}"><span role="button" class="vivliostyle-menu-icon-button" aria-keyshortcuts="0" data-bind="menuButton: true, attr: {'aria-disabled': navigation.isDefaultFontSizeDisabled, title: t('TIP_Text_Default_Size')}"></span></li>
+      </ul>
+      <ul class="vivliostyle-menu" id="vivliostyle-menu_zoom" data-bind="visible: !navigation.hideZoom">
+        <li class="vivliostyle-menu-item vivliostyle-menu-disabled" id="vivliostyle-menu-item_zoom-out" data-bind="click: navigation.zoomOut, css: {'vivliostyle-menu-disabled': navigation.isZoomOutDisabled}"><span role="button" class="vivliostyle-menu-icon-button" aria-keyshortcuts="O" data-bind="menuButton: true, attr: {'aria-disabled': navigation.isZoomOutDisabled, title: t('TIP_Zoom_Out')}"></span></li>
+        <li class="vivliostyle-menu-item vivliostyle-menu-disabled" id="vivliostyle-menu-item_zoom-in" data-bind="click: navigation.zoomIn, css: {'vivliostyle-menu-disabled': navigation.isZoomInDisabled}"><span role="button" class="vivliostyle-menu-icon-button" aria-keyshortcuts="I" data-bind="menuButton: true, attr: {'aria-disabled': navigation.isZoomInDisabled, title: t('TIP_Zoom_In')}"></span></li>
+        <li class="vivliostyle-menu-item vivliostyle-menu-disabled" id="vivliostyle-menu-item_zoom-to-actual-size" data-bind="click: navigation.zoomToActualSize, css: {'vivliostyle-menu-disabled': navigation.isZoomToActualSizeDisabled}"><span role="button" class="vivliostyle-menu-icon-button" aria-keyshortcuts="1" data-bind="menuButton: true, attr: {'aria-disabled': navigation.isZoomToActualSizeDisabled, title: t('TIP_Zoom_Actual_Size')}"></span></li>
+        <li class="vivliostyle-menu-item vivliostyle-menu-disabled" id="vivliostyle-menu-item_zoom-fit-to-screen" data-bind="click: navigation.toggleFitToScreen, css: {'vivliostyle-menu-disabled': navigation.isToggleFitToScreenDisabled, 'on': navigation.fitToScreen}"><span role="button" class="vivliostyle-menu-icon-button" aria-keyshortcuts="F" data-bind="menuButton: true, attr: {'aria-disabled': navigation.isToggleFitToScreenDisabled, 'aria-pressed': navigation.fitToScreen()?'true':'false', title: t('TIP_Zoom_Fit_to_Screen')}"></span></li>
+      </ul>
+      <ul class="vivliostyle-menu" id="vivliostyle-menu_print" data-bind="visible: !navigation.hidePrint">
+        <li class="vivliostyle-menu-item vivliostyle-menu-disabled" id="vivliostyle-menu-item_print" data-bind="click: navigation.print, css: {'vivliostyle-menu-disabled': navigation.isPrintDisabled}"><span role="button" class="vivliostyle-menu-icon-button" aria-keyshortcuts="P" data-bind="menuButton: true, attr: {'aria-disabled': navigation.isPrintDisabled, title: t('TIP_Print')}"></span></li>
+      </ul>
+    </div>
+
+    <!-- MESSAGE DIALOG -->
+    <div role="alertdialog" aria-label="Error messages" id="vivliostyle-message-dialog" data-bind="foreach: messageDialog.list, css: {'vivliostyle-message-dialog-shown': messageDialog.visible}, attr: {'aria-hidden': !messageDialog.visible()?'true':'false'}">
+      <div class="vivliostyle-message">
+        <p data-bind="css: type, text: $parent.messageDialog.getDisplayMessage(content)"></p>
+      </div>
+    </div>
+  </body>
+</html>