@canopycanopycanopy/b-ber-reader-react 2.0.0 → 2.0.3

package/dist/styles.css

@@ -1 +1 @@
-@font-face{font-family:CrimsonPro;font-style:normal;font-weight:400;src:url(./fonts/CrimsonPro-Regular.ttf) format("truetype")}@font-face{font-family:CrimsonPro;font-style:normal;font-weight:600;src:url(./fonts/CrimsonPro-SemiBold.ttf) format("truetype")}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;font-display:block;src:url(./fonts/material-icons.woff2) format("woff2"),url(./fonts/material-icons.woff) format("woff")}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}.bber-controls .bber-ol,.bber-controls .bber-ul{list-style:none}.bber-controls .bber-a,.bber-controls .bber-button{color:#333;cursor:pointer}.bber-controls .bber-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;display:block;outline:none}.bber-controls,.bber-controls *{margin:0;padding:0;touch-action:manipulation;box-sizing:border-box;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bber-controls__header{z-index:2;position:fixed;top:0;left:0;right:0;background-color:transparent;height:0;opacity:1!important}.bber-controls__header>.bber-nav>.bber-ul{box-sizing:border-box;display:flex;flex-direction:row;align-items:flex-start;justify-content:center;height:0;margin:15px 15px 0}@media screen and (max-width:768px){.bber-controls__header>.bber-nav>.bber-ul{margin:10px 10px 0}}@media screen and (max-width:768px){.bber-controls__header>.bber-nav>.bber-ul>.bber-li>.bber-ul{display:flex}.bber-controls__header>.bber-nav>.bber-ul>.bber-li>.bber-ul>.bber-li{margin-right:7px}.bber-controls__header>.bber-nav>.bber-ul>.bber-li>.bber-ul>.bber-li:last-child{margin-right:0}}.bber-controls__header>.bber-nav>.bber-ul .bber-li{display:flex;flex-direction:column;position:relative}.bber-controls__header>.bber-nav>.bber-ul .bber-li.bber-li-home{flex:1}.bber-controls__header>.bber-nav>.bber-ul .bber-li>.bber-ul>.bber-li{margin-bottom:10px}.bber-controls__header>.bber-nav>.bber-ul .bber-li .bber-nav__button{border:1px solid #333;transition:background-color .1s ease;box-sizing:border-box;background-color:#fff;border-radius:50%;width:clamp(35px,3vw,45px);height:clamp(35px,3vw,45px);padding:7px 5px 5px;position:relative}.bber-controls__header>.bber-nav>.bber-ul .bber-li .bber-nav__button.bber-nav__button--open{z-index:2}.bber-controls__header>.bber-nav>.bber-ul .bber-li .bber-nav__button svg{position:relative;-o-object-fit:contain;object-fit:contain;width:43%;height:43%}@media screen and (max-width:768px){.bber-controls__header>.bber-nav>.bber-ul .bber-li .bber-nav__button svg{width:63%;height:63%}}.bber-controls__header>.bber-nav>.bber-ul .bber-li .bber-nav__button svg path,.bber-controls__header>.bber-nav>.bber-ul .bber-li .bber-nav__button svg polygon{transition:fill .1s ease,stroke .1s ease;fill:#333;stroke:#333}.bber-controls__header>.bber-nav>.bber-ul .bber-li .bber-nav__button svg circle{transition:fill .1s ease,stroke .1s ease;stroke:#333}.bber-controls__header>.bber-nav>.bber-ul .bber-li .bber-nav__button:hover{background-color:#333}.bber-controls__header>.bber-nav>.bber-ul .bber-li .bber-nav__button:hover svg path,.bber-controls__header>.bber-nav>.bber-ul .bber-li .bber-nav__button:hover svg polygon{fill:#fff;stroke:#fff}.bber-controls__header>.bber-nav>.bber-ul .bber-li .bber-nav__button:hover svg circle{stroke:#fff}@media screen and (max-width:768px){.bber-controls__sidebar .bber-dl .bber-li .bber-a,.bber-controls__sidebar .bber-dl .bber-li .bber-button,.bber-controls__sidebar .bber-ol .bber-li .bber-a,.bber-controls__sidebar .bber-ol .bber-li .bber-button,.bber-controls__sidebar .bber-ul .bber-li .bber-a,.bber-controls__sidebar .bber-ul .bber-li .bber-button{padding:23.5px 16px!important}}.bber-controls__sidebar{font-family:CrimsonPro,Georgia,Iowan,Times,serif;font-weight:400;font-size:16px;letter-spacing:.02em}.bber-controls__sidebar .bber-dl .bber-li .bber-a,.bber-controls__sidebar .bber-dl .bber-li .bber-button,.bber-controls__sidebar .bber-ol .bber-li .bber-a,.bber-controls__sidebar .bber-ol .bber-li .bber-button,.bber-controls__sidebar .bber-ul .bber-li .bber-a,.bber-controls__sidebar .bber-ul .bber-li .bber-button{border-bottom:1px solid #d3d3d3;text-align:left;display:block;width:100%;padding:23.5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-family:CrimsonPro,Georgia,Iowan,Times,serif;font-weight:400;letter-spacing:.02em}.bber-controls__sidebar .bber-dl .bber-li .bber-a.bber-chapter--current,.bber-controls__sidebar .bber-dl .bber-li .bber-button.bber-chapter--current,.bber-controls__sidebar .bber-ol .bber-li .bber-a.bber-chapter--current,.bber-controls__sidebar .bber-ol .bber-li .bber-button.bber-chapter--current,.bber-controls__sidebar .bber-ul .bber-li .bber-a.bber-chapter--current,.bber-controls__sidebar .bber-ul .bber-li .bber-button.bber-chapter--current{font-weight:600}.bber-controls__sidebar .bber-dl .bber-li .bber-a.bber-indent--1,.bber-controls__sidebar .bber-dl .bber-li .bber-button.bber-indent--1,.bber-controls__sidebar .bber-ol .bber-li .bber-a.bber-indent--1,.bber-controls__sidebar .bber-ol .bber-li .bber-button.bber-indent--1,.bber-controls__sidebar .bber-ul .bber-li .bber-a.bber-indent--1,.bber-controls__sidebar .bber-ul .bber-li .bber-button.bber-indent--1{text-indent:0}.bber-controls__sidebar .bber-dl .bber-li .bber-a.bber-indent--2,.bber-controls__sidebar .bber-dl .bber-li .bber-button.bber-indent--2,.bber-controls__sidebar .bber-ol .bber-li .bber-a.bber-indent--2,.bber-controls__sidebar .bber-ol .bber-li .bber-button.bber-indent--2,.bber-controls__sidebar .bber-ul .bber-li .bber-a.bber-indent--2,.bber-controls__sidebar .bber-ul .bber-li .bber-button.bber-indent--2{text-indent:17.5px}.bber-controls__sidebar .bber-dl .bber-li .bber-a.bber-indent--3,.bber-controls__sidebar .bber-dl .bber-li .bber-button.bber-indent--3,.bber-controls__sidebar .bber-ol .bber-li .bber-a.bber-indent--3,.bber-controls__sidebar .bber-ol .bber-li .bber-button.bber-indent--3,.bber-controls__sidebar .bber-ul .bber-li .bber-a.bber-indent--3,.bber-controls__sidebar .bber-ul .bber-li .bber-button.bber-indent--3{text-indent:35px}.bber-controls__sidebar .bber-dl .bber-li .bber-a.bber-indent--4,.bber-controls__sidebar .bber-dl .bber-li .bber-button.bber-indent--4,.bber-controls__sidebar .bber-ol .bber-li .bber-a.bber-indent--4,.bber-controls__sidebar .bber-ol .bber-li .bber-button.bber-indent--4,.bber-controls__sidebar .bber-ul .bber-li .bber-a.bber-indent--4,.bber-controls__sidebar .bber-ul .bber-li .bber-button.bber-indent--4{text-indent:52.5px}.bber-controls__sidebar .bber-dl .bber-li .bber-a.bber-indent--5,.bber-controls__sidebar .bber-dl .bber-li .bber-button.bber-indent--5,.bber-controls__sidebar .bber-ol .bber-li .bber-a.bber-indent--5,.bber-controls__sidebar .bber-ol .bber-li .bber-button.bber-indent--5,.bber-controls__sidebar .bber-ul .bber-li .bber-a.bber-indent--5,.bber-controls__sidebar .bber-ul .bber-li .bber-button.bber-indent--5{text-indent:70px}.bber-controls__sidebar .bber-dl .bber-li .bber-a.bber-indent--6,.bber-controls__sidebar .bber-dl .bber-li .bber-button.bber-indent--6,.bber-controls__sidebar .bber-ol .bber-li .bber-a.bber-indent--6,.bber-controls__sidebar .bber-ol .bber-li .bber-button.bber-indent--6,.bber-controls__sidebar .bber-ul .bber-li .bber-a.bber-indent--6,.bber-controls__sidebar .bber-ul .bber-li .bber-button.bber-indent--6{text-indent:87.5px}.bber-controls__sidebar .bber-dl .bber-li .bber-a.bber-indent--7,.bber-controls__sidebar .bber-dl .bber-li .bber-button.bber-indent--7,.bber-controls__sidebar .bber-ol .bber-li .bber-a.bber-indent--7,.bber-controls__sidebar .bber-ol .bber-li .bber-button.bber-indent--7,.bber-controls__sidebar .bber-ul .bber-li .bber-a.bber-indent--7,.bber-controls__sidebar .bber-ul .bber-li .bber-button.bber-indent--7{text-indent:105px}.bber-controls__sidebar .bber-dl .bber-li .bber-a.bber-indent--8,.bber-controls__sidebar .bber-dl .bber-li .bber-button.bber-indent--8,.bber-controls__sidebar .bber-ol .bber-li .bber-a.bber-indent--8,.bber-controls__sidebar .bber-ol .bber-li .bber-button.bber-indent--8,.bber-controls__sidebar .bber-ul .bber-li .bber-a.bber-indent--8,.bber-controls__sidebar .bber-ul .bber-li .bber-button.bber-indent--8{text-indent:122.5px}.bber-controls__sidebar .bber-dl .bber-li .bber-a.bber-indent--9,.bber-controls__sidebar .bber-dl .bber-li .bber-button.bber-indent--9,.bber-controls__sidebar .bber-ol .bber-li .bber-a.bber-indent--9,.bber-controls__sidebar .bber-ol .bber-li .bber-button.bber-indent--9,.bber-controls__sidebar .bber-ul .bber-li .bber-a.bber-indent--9,.bber-controls__sidebar .bber-ul .bber-li .bber-button.bber-indent--9{text-indent:140px}.bber-controls__sidebar .bber-dl .bber-li .bber-a.bber-indent--10,.bber-controls__sidebar .bber-dl .bber-li .bber-button.bber-indent--10,.bber-controls__sidebar .bber-ol .bber-li .bber-a.bber-indent--10,.bber-controls__sidebar .bber-ol .bber-li .bber-button.bber-indent--10,.bber-controls__sidebar .bber-ul .bber-li .bber-a.bber-indent--10,.bber-controls__sidebar .bber-ul .bber-li .bber-button.bber-indent--10{text-indent:157.5px}.bber-controls__sidebar .bber-dl .bber-li .bber-dl .bber-a,.bber-controls__sidebar .bber-dl .bber-li .bber-li .bber-a,.bber-controls__sidebar .bber-dl .bber-li .bber-ol .bber-a,.bber-controls__sidebar .bber-ol .bber-li .bber-dl .bber-a,.bber-controls__sidebar .bber-ol .bber-li .bber-li .bber-a,.bber-controls__sidebar .bber-ol .bber-li .bber-ol .bber-a,.bber-controls__sidebar .bber-ul .bber-li .bber-dl .bber-a,.bber-controls__sidebar .bber-ul .bber-li .bber-li .bber-a,.bber-controls__sidebar .bber-ul .bber-li .bber-ol .bber-a{text-indent:47px}.bber-controls__sidebar .bber-dl .bber-dt,.bber-controls__sidebar .bber-ol .bber-dt,.bber-controls__sidebar .bber-ul .bber-dt{padding:23.5px 0 0 17.5px;text-transform:capitalize}.bber-controls__sidebar .bber-dl .bber-dd,.bber-controls__sidebar .bber-ol .bber-dd,.bber-controls__sidebar .bber-ul .bber-dd{border-bottom:1px solid #d3d3d3;padding:5px 17.5px 23.5px}.bber-controls__sidebar .bber-dl .bber-dt .bber-a,.bber-controls__sidebar .bber-dl .bber-li .bber-a,.bber-controls__sidebar .bber-ol .bber-dt .bber-a,.bber-controls__sidebar .bber-ol .bber-li .bber-a,.bber-controls__sidebar .bber-ul .bber-dt .bber-a,.bber-controls__sidebar .bber-ul .bber-li .bber-a{text-decoration:none;color:#333}.bber-controls__sidebar__chapters,.bber-controls__sidebar__downloads,.bber-controls__sidebar__metadata,.bber-controls__sidebar__settings{border:1px solid #333;display:none;position:absolute;right:-15px;top:12px;height:auto;background:#fff;min-width:350px;overflow-y:auto;-webkit-overflow-scrolling:touch}@media screen and (max-width:768px){.bber-controls__sidebar__chapters,.bber-controls__sidebar__downloads,.bber-controls__sidebar__metadata,.bber-controls__sidebar__settings{width:100vw!important;left:0;right:0;position:fixed;top:22px}}.bber-controls__sidebar__chapters.bber-controls__sidebar__chapters--open,.bber-controls__sidebar__chapters.bber-controls__sidebar__downloads--open,.bber-controls__sidebar__chapters.bber-controls__sidebar__metadata--open,.bber-controls__sidebar__chapters.bber-controls__sidebar__settings--open,.bber-controls__sidebar__downloads.bber-controls__sidebar__chapters--open,.bber-controls__sidebar__downloads.bber-controls__sidebar__downloads--open,.bber-controls__sidebar__downloads.bber-controls__sidebar__metadata--open,.bber-controls__sidebar__downloads.bber-controls__sidebar__settings--open,.bber-controls__sidebar__metadata.bber-controls__sidebar__chapters--open,.bber-controls__sidebar__metadata.bber-controls__sidebar__downloads--open,.bber-controls__sidebar__metadata.bber-controls__sidebar__metadata--open,.bber-controls__sidebar__metadata.bber-controls__sidebar__settings--open,.bber-controls__sidebar__settings.bber-controls__sidebar__chapters--open,.bber-controls__sidebar__settings.bber-controls__sidebar__downloads--open,.bber-controls__sidebar__settings.bber-controls__sidebar__metadata--open,.bber-controls__sidebar__settings.bber-controls__sidebar__settings--open{display:block;z-index:1}.bber-downloads__description{padding-top:5px}.bber-controls__footer{z-index:1;position:fixed;left:0;right:0;bottom:0;background:transparent;height:60px;opacity:1!important}@media screen and (max-width:768px){.bber-controls__footer{background:#fff;height:42px}}.bber-controls__footer .bber-nav .bber-ul{display:flex;flex-direction:row;align-items:center;justify-content:center;height:60px;padding:0 10px}@media screen and (max-width:768px){.bber-controls__footer .bber-nav .bber-ul{height:42px}}.bber-controls__footer .bber-nav .bber-ul .bber-li{display:flex}.bber-controls__footer .bber-nav .bber-ul .bber-li:nth-child(2){flex:1}.bber-controls__footer .bber-nav .bber-ul .bber-li .bber-nav__button svg path{transition:fill .1s ease,stroke .1s ease;stroke:#fff;fill:#333}.bber-controls__footer .bber-nav .bber-ul .bber-li .bber-nav__button:hover svg path{stroke:#333;fill:#fff}.bber-controls__footer .bber-nav .bber-ul .bber-li .bber-nav__button.bber-nav__button--page-prev{position:fixed;top:50vh;transform:translateY(-50%);left:15px;padding:0;margin:0}.bber-controls__footer .bber-nav .bber-ul .bber-li .bber-nav__button.bber-nav__button--page-next{position:fixed;top:50vh;transform:translateY(-50%);right:15px;padding:0;margin:0}.bber-controls__footer .bber-nav .bber-ul .bber-li .bber-nav__button:hover{color:#5050c5}#frame::-webkit-scrollbar{background:transparent;width:0}#frame{scrollbar-width:none;-ms-overflow-style:none}.bber-spinner{width:100vw;height:100vh;position:fixed;top:0;left:0;display:none;background:#fff}.bber-spinner--visible{display:block}@-webkit-keyframes pulse{0%{transform:scale(0)}to{transform:scale(1);opacity:0}}@keyframes pulse{0%{transform:scale(0)}to{transform:scale(1);opacity:0}}.bber-spinner__detail{position:absolute;top:calc(50% - 20px);left:calc(50% - 20px);width:40px;height:40px;margin:0;padding:0;background-color:#333;border-radius:100%;-webkit-animation:pulse 1s ease-in-out infinite;animation:pulse 1s ease-in-out infinite}@media print{.bber-controls__footer,.bber-controls__header,.bber-leaf{display:none!important}#frame{position:static!important;overflow:visible!important}#frame #layout{transform:none!important;height:auto!important;width:auto!important;-moz-columns:unset!important;columns:unset!important}}[data-vimeo-initialized]{overflow:unset!important}.bber-poster--vimeo{transition:opacity .1s ease,.2s ease .1s;z-index:1!important;opacity:0}.bber-poster--vimeo.bber-controls{pointer-events:none}.bber-poster--vimeo.bber-visible{pointer-events:auto!important;opacity:1}.bber-media__controls{display:flex;align-items:center;font-size:.8rem;font-family:Arial,Helvetica,sans-serif;border:1px solid #272727;border-radius:6px;padding:9px 3px 9px 12px;background-color:#fff}.bber-media__controls a,.bber-media__controls button,.bber-media__controls input:not([type=range]){padding-right:12px}.bber-media__controls .bber-media__time{display:flex;padding:0 12px 0 0;font-size:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bber-media__controls .bber-a,.bber-media__controls .bber-button{text-decoration:none!important;transition:color .2s ease}.bber-media__controls .bber-a.bber-hover,.bber-media__controls .bber-a:hover,.bber-media__controls .bber-button.bber-hover,.bber-media__controls .bber-button:hover{color:#5050c5!important}.bber-media__controls+.caption__audio{margin-top:8px}.bber-slider__volume{width:0;flex-grow:0;overflow:hidden;transition:flex-grow .2s ease}.bber-slider__volume.bber-open{overflow:visible;flex-grow:1}.bber-media__slider{flex:1;display:flex;align-items:center;position:relative;font:1em/1 arial,sans-serif;margin:6px 15px 6px 3px}.bber-input[type=range]{flex:1;margin:0;padding:0;min-height:12px;background:transparent;font:inherit;outline:none;width:100%;max-width:100%}.bber-input[type=range],.bber-input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.bber-input[type=range]::-webkit-slider-runnable-track{box-sizing:border-box;border:none;width:100%;height:2px;background:#d7d7d7}.bber-input[type=range]::-moz-range-track{box-sizing:border-box;border:none;width:100%;height:2px;background:#d7d7d7}.bber-input[type=range]::-ms-track{box-sizing:border-box;border:none;width:100%;height:2px;background:#d7d7d7}.bber-input[type=range]::-webkit-slider-thumb{margin-top:-5px;box-sizing:border-box;position:relative;z-index:1;border:none;width:12px;height:12px;border-radius:50%;background-color:#272727;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.bber-input[type=range]::-webkit-slider-thumb:hover{background-color:#5050c5}.bber-input[type=range]::-moz-range-thumb{box-sizing:border-box;position:relative;z-index:1;border:none;width:12px;height:12px;border-radius:50%;background-color:#272727;-moz-transition:background-color .2s ease;transition:background-color .2s ease}.bber-input[type=range]::-moz-range-thumb:hover{background-color:#5050c5}.bber-input[type=range]::-ms-thumb{margin-top:0;box-sizing:border-box;position:relative;z-index:1;border:none;width:12px;height:12px;border-radius:50%;background-color:#272727;-ms-transition:background-color .2s ease;transition:background-color .2s ease}.bber-input[type=range]::-ms-thumb:hover{background-color:#5050c5}.bber-input[type=range]::-ms-tooltip{display:none}.bber-media__slider--before{background:#333;height:2px;position:absolute;left:0;z-index:0;pointer-events:none}.bber-media__stacked{width:100%;display:flex;flex-wrap:wrap}.bber-media__stacked .bber-media__stacked__row{display:flex;flex:1 0 100%;align-items:center;padding-right:6px}.bber-media__stacked .bber-media__stacked__separator{position:relative;width:calc(100% + 10px);margin-left:-13px;margin-top:9px;margin-bottom:9px}.bber-media__stacked .bber-media__stacked__separator .bber-media__stacked__separator--line{width:calc(100% + 7px);background:#333;height:1px}.bber-button__media__playback-rate{position:relative;top:1px;font-size:.7rem;font-weight:700;font-variation-settings:"wght" 700;letter-spacing:.035em;width:33px}.bber-times__media__playback-rate{position:relative;top:1px}.bber-media__button__pause,.bber-media__button__play{font-size:24px}.bber-media__button__file_download,.bber-media__button__volume_up{font-size:17px}.bber-media__button__file_download{position:relative;top:1px}.bber-media__button__forward_30,.bber-media__button__replay_30{font-size:18px}:-moz-ui-invalid{box-shadow:none}.footnote__body{visibility:visible;display:block;background:#fff;padding-left:1.5em;padding-right:1.5em;position:absolute;font-size:16px;line-height:1.6;z-index:1000}.footnote__body.footnote__body--hidden{visibility:hidden}.footnote__content--count{padding-right:10px}#layout,.bber-leaf{transform-style:preserve-3d;backface-visibility:hidden}.bber-leaf{position:fixed;top:0;height:100vh;z-index:10;background-color:#fff}.bber-leaf.bber-leaf--left{left:0}.bber-leaf.bber-leaf--right{right:0}
+@font-face{font-family:CrimsonPro;font-style:normal;font-weight:400;src:url(./fonts/CrimsonPro-Regular.ttf) format("truetype")}@font-face{font-family:CrimsonPro;font-style:normal;font-weight:600;src:url(./fonts/CrimsonPro-SemiBold.ttf) format("truetype")}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;font-display:block;src:url(./fonts/material-icons.woff2) format("woff2"),url(./fonts/material-icons.woff) format("woff")}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}.bber-controls .bber-ol,.bber-controls .bber-ul{list-style:none}.bber-controls .bber-a,.bber-controls .bber-button{color:#333;cursor:pointer}.bber-controls .bber-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;display:block;outline:none}.bber-controls,.bber-controls *{margin:0;padding:0;touch-action:manipulation;box-sizing:border-box;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bber-controls__header{z-index:2;position:fixed;top:0;left:0;right:0;background-color:transparent;height:0;opacity:1!important}.bber-controls__header>.bber-nav>.bber-ul{box-sizing:border-box;display:flex;flex-direction:row;align-items:flex-start;justify-content:center;height:0;margin:15px 15px 0}@media screen and (max-width:768px){.bber-controls__header>.bber-nav>.bber-ul{margin:10px 10px 0}}@media screen and (max-width:768px){.bber-controls__header>.bber-nav>.bber-ul>.bber-li>.bber-ul{display:flex}.bber-controls__header>.bber-nav>.bber-ul>.bber-li>.bber-ul>.bber-li{margin-right:7px}.bber-controls__header>.bber-nav>.bber-ul>.bber-li>.bber-ul>.bber-li:last-child{margin-right:0}}.bber-controls__header>.bber-nav>.bber-ul .bber-li{display:flex;flex-direction:column;position:relative}.bber-controls__header>.bber-nav>.bber-ul .bber-li.bber-li-home{flex:1}.bber-controls__header>.bber-nav>.bber-ul .bber-li>.bber-ul>.bber-li{margin-bottom:10px}.bber-controls__header>.bber-nav>.bber-ul .bber-li .bber-nav__button{border:1px solid #333;transition:background-color .1s ease;box-sizing:border-box;background-color:#fff;border-radius:50%;width:clamp(35px,3vw,45px);height:clamp(35px,3vw,45px);padding:7px 5px 5px;position:relative}.bber-controls__header>.bber-nav>.bber-ul .bber-li .bber-nav__button.bber-nav__button--open{z-index:2}.bber-controls__header>.bber-nav>.bber-ul .bber-li .bber-nav__button svg{position:relative;-o-object-fit:contain;object-fit:contain;width:43%;height:43%}@media screen and (max-width:768px){.bber-controls__header>.bber-nav>.bber-ul .bber-li .bber-nav__button svg{width:63%;height:63%}}.bber-controls__header>.bber-nav>.bber-ul .bber-li .bber-nav__button svg path,.bber-controls__header>.bber-nav>.bber-ul .bber-li .bber-nav__button svg polygon{transition:fill .1s ease,stroke .1s ease;fill:#333;stroke:#333}.bber-controls__header>.bber-nav>.bber-ul .bber-li .bber-nav__button svg circle{transition:fill .1s ease,stroke .1s ease;stroke:#333}.bber-controls__header>.bber-nav>.bber-ul .bber-li .bber-nav__button:hover{background-color:#333}.bber-controls__header>.bber-nav>.bber-ul .bber-li .bber-nav__button:hover svg path,.bber-controls__header>.bber-nav>.bber-ul .bber-li .bber-nav__button:hover svg polygon{fill:#fff;stroke:#fff}.bber-controls__header>.bber-nav>.bber-ul .bber-li .bber-nav__button:hover svg circle{stroke:#fff}@media screen and (max-width:768px){.bber-controls__sidebar .bber-dl .bber-li .bber-a,.bber-controls__sidebar .bber-dl .bber-li .bber-button,.bber-controls__sidebar .bber-ol .bber-li .bber-a,.bber-controls__sidebar .bber-ol .bber-li .bber-button,.bber-controls__sidebar .bber-ul .bber-li .bber-a,.bber-controls__sidebar .bber-ul .bber-li .bber-button{padding:23.5px 16px!important}}.bber-controls__sidebar{font-family:CrimsonPro,Georgia,Iowan,Times,serif;font-weight:400;font-size:16px;letter-spacing:.02em}.bber-controls__sidebar .bber-dl .bber-li .bber-a,.bber-controls__sidebar .bber-dl .bber-li .bber-button,.bber-controls__sidebar .bber-ol .bber-li .bber-a,.bber-controls__sidebar .bber-ol .bber-li .bber-button,.bber-controls__sidebar .bber-ul .bber-li .bber-a,.bber-controls__sidebar .bber-ul .bber-li .bber-button{border-bottom:1px solid #d3d3d3;text-align:left;display:block;width:100%;padding:23.5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-family:CrimsonPro,Georgia,Iowan,Times,serif;font-weight:400;letter-spacing:.02em}.bber-controls__sidebar .bber-dl .bber-li .bber-a.bber-chapter--current,.bber-controls__sidebar .bber-dl .bber-li .bber-button.bber-chapter--current,.bber-controls__sidebar .bber-ol .bber-li .bber-a.bber-chapter--current,.bber-controls__sidebar .bber-ol .bber-li .bber-button.bber-chapter--current,.bber-controls__sidebar .bber-ul .bber-li .bber-a.bber-chapter--current,.bber-controls__sidebar .bber-ul .bber-li .bber-button.bber-chapter--current{font-weight:600}.bber-controls__sidebar .bber-dl .bber-li .bber-a.bber-indent--1,.bber-controls__sidebar .bber-dl .bber-li .bber-button.bber-indent--1,.bber-controls__sidebar .bber-ol .bber-li .bber-a.bber-indent--1,.bber-controls__sidebar .bber-ol .bber-li .bber-button.bber-indent--1,.bber-controls__sidebar .bber-ul .bber-li .bber-a.bber-indent--1,.bber-controls__sidebar .bber-ul .bber-li .bber-button.bber-indent--1{text-indent:0}.bber-controls__sidebar .bber-dl .bber-li .bber-a.bber-indent--2,.bber-controls__sidebar .bber-dl .bber-li .bber-button.bber-indent--2,.bber-controls__sidebar .bber-ol .bber-li .bber-a.bber-indent--2,.bber-controls__sidebar .bber-ol .bber-li .bber-button.bber-indent--2,.bber-controls__sidebar .bber-ul .bber-li .bber-a.bber-indent--2,.bber-controls__sidebar .bber-ul .bber-li .bber-button.bber-indent--2{text-indent:17.5px}.bber-controls__sidebar .bber-dl .bber-li .bber-a.bber-indent--3,.bber-controls__sidebar .bber-dl .bber-li .bber-button.bber-indent--3,.bber-controls__sidebar .bber-ol .bber-li .bber-a.bber-indent--3,.bber-controls__sidebar .bber-ol .bber-li .bber-button.bber-indent--3,.bber-controls__sidebar .bber-ul .bber-li .bber-a.bber-indent--3,.bber-controls__sidebar .bber-ul .bber-li .bber-button.bber-indent--3{text-indent:35px}.bber-controls__sidebar .bber-dl .bber-li .bber-a.bber-indent--4,.bber-controls__sidebar .bber-dl .bber-li .bber-button.bber-indent--4,.bber-controls__sidebar .bber-ol .bber-li .bber-a.bber-indent--4,.bber-controls__sidebar .bber-ol .bber-li .bber-button.bber-indent--4,.bber-controls__sidebar .bber-ul .bber-li .bber-a.bber-indent--4,.bber-controls__sidebar .bber-ul .bber-li .bber-button.bber-indent--4{text-indent:52.5px}.bber-controls__sidebar .bber-dl .bber-li .bber-a.bber-indent--5,.bber-controls__sidebar .bber-dl .bber-li .bber-button.bber-indent--5,.bber-controls__sidebar .bber-ol .bber-li .bber-a.bber-indent--5,.bber-controls__sidebar .bber-ol .bber-li .bber-button.bber-indent--5,.bber-controls__sidebar .bber-ul .bber-li .bber-a.bber-indent--5,.bber-controls__sidebar .bber-ul .bber-li .bber-button.bber-indent--5{text-indent:70px}.bber-controls__sidebar .bber-dl .bber-li .bber-a.bber-indent--6,.bber-controls__sidebar .bber-dl .bber-li .bber-button.bber-indent--6,.bber-controls__sidebar .bber-ol .bber-li .bber-a.bber-indent--6,.bber-controls__sidebar .bber-ol .bber-li .bber-button.bber-indent--6,.bber-controls__sidebar .bber-ul .bber-li .bber-a.bber-indent--6,.bber-controls__sidebar .bber-ul .bber-li .bber-button.bber-indent--6{text-indent:87.5px}.bber-controls__sidebar .bber-dl .bber-li .bber-a.bber-indent--7,.bber-controls__sidebar .bber-dl .bber-li .bber-button.bber-indent--7,.bber-controls__sidebar .bber-ol .bber-li .bber-a.bber-indent--7,.bber-controls__sidebar .bber-ol .bber-li .bber-button.bber-indent--7,.bber-controls__sidebar .bber-ul .bber-li .bber-a.bber-indent--7,.bber-controls__sidebar .bber-ul .bber-li .bber-button.bber-indent--7{text-indent:105px}.bber-controls__sidebar .bber-dl .bber-li .bber-a.bber-indent--8,.bber-controls__sidebar .bber-dl .bber-li .bber-button.bber-indent--8,.bber-controls__sidebar .bber-ol .bber-li .bber-a.bber-indent--8,.bber-controls__sidebar .bber-ol .bber-li .bber-button.bber-indent--8,.bber-controls__sidebar .bber-ul .bber-li .bber-a.bber-indent--8,.bber-controls__sidebar .bber-ul .bber-li .bber-button.bber-indent--8{text-indent:122.5px}.bber-controls__sidebar .bber-dl .bber-li .bber-a.bber-indent--9,.bber-controls__sidebar .bber-dl .bber-li .bber-button.bber-indent--9,.bber-controls__sidebar .bber-ol .bber-li .bber-a.bber-indent--9,.bber-controls__sidebar .bber-ol .bber-li .bber-button.bber-indent--9,.bber-controls__sidebar .bber-ul .bber-li .bber-a.bber-indent--9,.bber-controls__sidebar .bber-ul .bber-li .bber-button.bber-indent--9{text-indent:140px}.bber-controls__sidebar .bber-dl .bber-li .bber-a.bber-indent--10,.bber-controls__sidebar .bber-dl .bber-li .bber-button.bber-indent--10,.bber-controls__sidebar .bber-ol .bber-li .bber-a.bber-indent--10,.bber-controls__sidebar .bber-ol .bber-li .bber-button.bber-indent--10,.bber-controls__sidebar .bber-ul .bber-li .bber-a.bber-indent--10,.bber-controls__sidebar .bber-ul .bber-li .bber-button.bber-indent--10{text-indent:157.5px}.bber-controls__sidebar .bber-dl .bber-li .bber-dl .bber-a,.bber-controls__sidebar .bber-dl .bber-li .bber-li .bber-a,.bber-controls__sidebar .bber-dl .bber-li .bber-ol .bber-a,.bber-controls__sidebar .bber-ol .bber-li .bber-dl .bber-a,.bber-controls__sidebar .bber-ol .bber-li .bber-li .bber-a,.bber-controls__sidebar .bber-ol .bber-li .bber-ol .bber-a,.bber-controls__sidebar .bber-ul .bber-li .bber-dl .bber-a,.bber-controls__sidebar .bber-ul .bber-li .bber-li .bber-a,.bber-controls__sidebar .bber-ul .bber-li .bber-ol .bber-a{text-indent:47px}.bber-controls__sidebar .bber-dl .bber-dt,.bber-controls__sidebar .bber-ol .bber-dt,.bber-controls__sidebar .bber-ul .bber-dt{padding:23.5px 0 0 17.5px;text-transform:capitalize}.bber-controls__sidebar .bber-dl .bber-dd,.bber-controls__sidebar .bber-ol .bber-dd,.bber-controls__sidebar .bber-ul .bber-dd{border-bottom:1px solid #d3d3d3;padding:5px 17.5px 23.5px}.bber-controls__sidebar .bber-dl .bber-dt .bber-a,.bber-controls__sidebar .bber-dl .bber-li .bber-a,.bber-controls__sidebar .bber-ol .bber-dt .bber-a,.bber-controls__sidebar .bber-ol .bber-li .bber-a,.bber-controls__sidebar .bber-ul .bber-dt .bber-a,.bber-controls__sidebar .bber-ul .bber-li .bber-a{text-decoration:none;color:#333}.bber-controls__sidebar__chapters,.bber-controls__sidebar__downloads,.bber-controls__sidebar__metadata,.bber-controls__sidebar__settings{border:1px solid #333;display:none;position:absolute;right:-15px;top:12px;height:auto;background:#fff;min-width:350px;overflow-y:auto;-webkit-overflow-scrolling:touch}@media screen and (max-width:768px){.bber-controls__sidebar__chapters,.bber-controls__sidebar__downloads,.bber-controls__sidebar__metadata,.bber-controls__sidebar__settings{width:100vw!important;left:0;right:0;position:fixed;top:22px}}.bber-controls__sidebar__chapters.bber-controls__sidebar__chapters--open,.bber-controls__sidebar__chapters.bber-controls__sidebar__downloads--open,.bber-controls__sidebar__chapters.bber-controls__sidebar__metadata--open,.bber-controls__sidebar__chapters.bber-controls__sidebar__settings--open,.bber-controls__sidebar__downloads.bber-controls__sidebar__chapters--open,.bber-controls__sidebar__downloads.bber-controls__sidebar__downloads--open,.bber-controls__sidebar__downloads.bber-controls__sidebar__metadata--open,.bber-controls__sidebar__downloads.bber-controls__sidebar__settings--open,.bber-controls__sidebar__metadata.bber-controls__sidebar__chapters--open,.bber-controls__sidebar__metadata.bber-controls__sidebar__downloads--open,.bber-controls__sidebar__metadata.bber-controls__sidebar__metadata--open,.bber-controls__sidebar__metadata.bber-controls__sidebar__settings--open,.bber-controls__sidebar__settings.bber-controls__sidebar__chapters--open,.bber-controls__sidebar__settings.bber-controls__sidebar__downloads--open,.bber-controls__sidebar__settings.bber-controls__sidebar__metadata--open,.bber-controls__sidebar__settings.bber-controls__sidebar__settings--open{display:block;z-index:1}.bber-downloads__description{padding-top:5px}.bber-controls__footer{z-index:1;position:fixed;left:0;right:0;bottom:0;background:transparent;height:60px;opacity:1!important}@media screen and (max-width:768px){.bber-controls__footer{background:#fff;height:42px}}.bber-controls__footer .bber-nav .bber-ul{display:flex;flex-direction:row;align-items:center;justify-content:center;height:60px;padding:0 10px}@media screen and (max-width:768px){.bber-controls__footer .bber-nav .bber-ul{height:42px}}.bber-controls__footer .bber-nav .bber-ul .bber-li{display:flex}.bber-controls__footer .bber-nav .bber-ul .bber-li:nth-child(2){flex:1}.bber-controls__footer .bber-nav .bber-ul .bber-li .bber-nav__button svg path{transition:fill .1s ease,stroke .1s ease;stroke:#fff;fill:#333}.bber-controls__footer .bber-nav .bber-ul .bber-li .bber-nav__button:hover svg path{stroke:#333;fill:#fff}.bber-controls__footer .bber-nav .bber-ul .bber-li .bber-nav__button.bber-nav__button--page-prev{position:fixed;top:50vh;transform:translateY(-50%);left:15px;padding:0;margin:0}.bber-controls__footer .bber-nav .bber-ul .bber-li .bber-nav__button.bber-nav__button--page-next{position:fixed;top:50vh;transform:translateY(-50%);right:15px;padding:0;margin:0}.bber-controls__footer .bber-nav .bber-ul .bber-li .bber-nav__button:hover{color:#5050c5}#frame::-webkit-scrollbar{background:transparent;width:0}#frame{scrollbar-width:none;-ms-overflow-style:none}.bber-spinner{width:100vw;height:100vh;position:fixed;top:0;left:0;display:none;background:#fff}.bber-spinner--visible{display:block}@keyframes pulse{0%{transform:scale(0)}to{transform:scale(1);opacity:0}}.bber-spinner__detail{position:absolute;top:calc(50% - 20px);left:calc(50% - 20px);width:40px;height:40px;margin:0;padding:0;background-color:#333;border-radius:100%;animation:pulse 1s ease-in-out infinite}@media print{.bber-controls__footer,.bber-controls__header,.bber-leaf{display:none!important}#frame{position:static!important;overflow:visible!important}#frame #layout{transform:none!important;height:auto!important;width:auto!important;-moz-columns:unset!important;columns:unset!important}}[data-vimeo-initialized]{overflow:unset!important}.bber-poster--vimeo{transition:opacity .1s ease,.2s ease .1s;z-index:1!important;opacity:0}.bber-poster--vimeo.bber-controls{pointer-events:none}.bber-poster--vimeo.bber-visible{pointer-events:auto!important;opacity:1}.bber-media__controls{display:flex;align-items:center;font-size:.8rem;font-family:Arial,Helvetica,sans-serif;border:1px solid #272727;border-radius:6px;padding:9px 3px 9px 12px;background-color:#fff}.bber-media__controls a,.bber-media__controls button,.bber-media__controls input:not([type=range]){padding-right:12px}.bber-media__controls .bber-media__time{display:flex;padding:0 12px 0 0;font-size:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bber-media__controls .bber-a,.bber-media__controls .bber-button{text-decoration:none!important;transition:color .2s ease}.bber-media__controls .bber-a.bber-hover,.bber-media__controls .bber-a:hover,.bber-media__controls .bber-button.bber-hover,.bber-media__controls .bber-button:hover{color:#5050c5!important}.bber-media__controls+.caption__audio{margin-top:8px}.bber-slider__volume{width:0;flex-grow:0;overflow:hidden;transition:flex-grow .2s ease}.bber-slider__volume.bber-open{overflow:visible;flex-grow:1}.bber-media__slider{flex:1;display:flex;align-items:center;position:relative;font:1em/1 arial,sans-serif;margin:6px 15px 6px 3px}.bber-input[type=range]{flex:1;margin:0;padding:0;min-height:12px;background:transparent;font:inherit;outline:none;width:100%;max-width:100%}.bber-input[type=range],.bber-input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.bber-input[type=range]::-webkit-slider-runnable-track{box-sizing:border-box;border:none;width:100%;height:2px;background:#d7d7d7}.bber-input[type=range]::-moz-range-track{box-sizing:border-box;border:none;width:100%;height:2px;background:#d7d7d7}.bber-input[type=range]::-ms-track{box-sizing:border-box;border:none;width:100%;height:2px;background:#d7d7d7}.bber-input[type=range]::-webkit-slider-thumb{margin-top:-5px;box-sizing:border-box;position:relative;z-index:1;border:none;width:12px;height:12px;border-radius:50%;background-color:#272727;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.bber-input[type=range]::-webkit-slider-thumb:hover{background-color:#5050c5}.bber-input[type=range]::-moz-range-thumb{box-sizing:border-box;position:relative;z-index:1;border:none;width:12px;height:12px;border-radius:50%;background-color:#272727;-moz-transition:background-color .2s ease;transition:background-color .2s ease}.bber-input[type=range]::-moz-range-thumb:hover{background-color:#5050c5}.bber-input[type=range]::-ms-thumb{margin-top:0;box-sizing:border-box;position:relative;z-index:1;border:none;width:12px;height:12px;border-radius:50%;background-color:#272727;-ms-transition:background-color .2s ease;transition:background-color .2s ease}.bber-input[type=range]::-ms-thumb:hover{background-color:#5050c5}.bber-input[type=range]::-ms-tooltip{display:none}.bber-media__slider--before{background:#333;height:2px;position:absolute;left:0;z-index:0;pointer-events:none}.bber-media__stacked{width:100%;display:flex;flex-wrap:wrap}.bber-media__stacked .bber-media__stacked__row{display:flex;flex:1 0 100%;align-items:center;padding-right:6px}.bber-media__stacked .bber-media__stacked__separator{position:relative;width:calc(100% + 10px);margin-left:-13px;margin-top:9px;margin-bottom:9px}.bber-media__stacked .bber-media__stacked__separator .bber-media__stacked__separator--line{width:calc(100% + 7px);background:#333;height:1px}.bber-button__media__playback-rate{position:relative;top:1px;font-size:.7rem;font-weight:700;font-variation-settings:"wght" 700;letter-spacing:.035em;width:33px}.bber-times__media__playback-rate{position:relative;top:1px}.bber-media__button__pause,.bber-media__button__play{font-size:24px}.bber-media__button__file_download,.bber-media__button__volume_up{font-size:17px}.bber-media__button__file_download{position:relative;top:1px}.bber-media__button__forward_30,.bber-media__button__replay_30{font-size:18px}:-moz-ui-invalid{box-shadow:none}.footnote__body{visibility:visible;display:block;background:#fff;padding-left:1.5em;padding-right:1.5em;position:absolute;font-size:16px;line-height:1.6;z-index:1000}.footnote__body.footnote__body--hidden{visibility:hidden}.footnote__content--count{padding-right:10px}#layout,.bber-leaf{transform-style:preserve-3d;backface-visibility:hidden}.bber-leaf{position:fixed;top:0;height:100vh;z-index:10;background-color:#fff}.bber-leaf.bber-leaf--left{left:0}.bber-leaf.bber-leaf--right{right:0}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@canopycanopycanopy/b-ber-reader-react",
-  "version": "2.0.0",
+  "version": "2.0.3",
   "description": "",
   "main": "dist/index.js",
   "scripts": {
@@ -125,5 +125,5 @@
       "url": "https://maxwellsimmer.com"
     }
   ],
-  "gitHead": "dbeae192709705f5bc211195ff343cbd999f9caf"
+  "gitHead": "f5e6f419af00c5d0c28e7ee202b8184273ca81e3"
 }