@canopycanopycanopy/b-ber-reader-react 1.2.13-react-reader.31 → 1.2.13-react-reader.42

package/dist/styles.css

@@ -1 +1 @@
-@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(./fonts/MaterialIcons-Regular.eot?#iefix) format("embedded-opentype"),local("Material Icons"),local("MaterialIcons-Regular"),url(./fonts/MaterialIcons-Regular.woff2) format("woff2"),url(./fonts/MaterialIcons-Regular.woff) format("woff"),url(./fonts/MaterialIcons-Regular.ttf) format("truetype")}@-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}}@-webkit-keyframes nav__button__downloads__shadow{5%{text-shadow:0 0 5px #6969fc}35%{text-shadow:0 5px 10px rgba(105,105,252,.5)}to{text-shadow:0 10px 30px rgba(105,105,252,0)}}@keyframes nav__button__downloads__shadow{5%{text-shadow:0 0 5px #6969fc}35%{text-shadow:0 5px 10px rgba(105,105,252,.5)}to{text-shadow:0 10px 30px rgba(105,105,252,0)}}@-webkit-keyframes nav__button__downloads__color{0%{color:#222}25%{color:#5050c5}to{color:#222}}@keyframes nav__button__downloads__color{0%{color:#222}25%{color:#5050c5}to{color:#222}}.footnote__body{visibility:visible;display:block;background:#fff;padding-left:1.5em;padding-right:1.5em;position:absolute;font-size:14px;line-height:1.6;z-index:1000}.footnote__body.footnote__body--hidden{visibility:hidden}.footnote__content--count{padding-right:10px}.material-icons{display:inline-block;font-family:Material Icons;font-weight:400;font-style:normal;font-size:20px;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}#layout{transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}.bber-controls ol,.bber-controls ul{list-style:none}.bber-controls a,.bber-controls button{cursor:pointer}.bber-controls 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{border-bottom:1px solid #d3d3d3;z-index:1;position:fixed;top:0;left:0;right:0;background:#fff;height:35px;opacity:1!important}.bber-controls__header nav ul{display:flex;flex-direction:row;align-items:center;justify-content:center;height:35px;padding:0 10px}.bber-controls__header nav ul li{display:flex;min-width:25px}.bber-controls__header nav ul li:nth-child(2){flex:1}.bber-controls__header nav ul li:nth-child(3){display:none}.bber-controls__header nav ul li .bber-nav__button{transition:color .1s ease;padding:0 5px}.bber-controls__header nav ul li .bber-nav__button:hover{color:#5050c5}.bber-controls__header nav ul li .bber-nav__button.bber-nav__button__downloads{color:#222;-webkit-animation:nav__button__downloads__shadow 2.5s infinite,nav__button__downloads__color 2.5s infinite;animation:nav__button__downloads__shadow 2.5s infinite,nav__button__downloads__color 2.5s infinite}.bber-controls__header nav ul li .bber-nav__button.bber-nav__button__downloads:hover{-webkit-animation:none;animation:none;color:#5050c5}.bber-controls__sidebar{z-index:1;font-family:Georgia,Iowan,Times,serif;font-weight:400;font-size:14px}.bber-controls__sidebar dl li a,.bber-controls__sidebar dl li button,.bber-controls__sidebar ol li a,.bber-controls__sidebar ol li button,.bber-controls__sidebar ul li a,.bber-controls__sidebar ul li 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:14px;font-family:Georgia,Iowan,Times,serif}.bber-controls__sidebar dl li a:hover,.bber-controls__sidebar dl li button:hover,.bber-controls__sidebar ol li a:hover,.bber-controls__sidebar ol li button:hover,.bber-controls__sidebar ul li a:hover,.bber-controls__sidebar ul li button:hover{transition:color .1s ease;color:#5050c5}.bber-controls__sidebar dl li a.material-icons,.bber-controls__sidebar dl li button.material-icons,.bber-controls__sidebar ol li a.material-icons,.bber-controls__sidebar ol li button.material-icons,.bber-controls__sidebar ul li a.material-icons,.bber-controls__sidebar ul li button.material-icons{font-family:Material Icons;text-align:right;font-size:20px}.bber-controls__sidebar dl li a.bber-chapter--current,.bber-controls__sidebar dl li button.bber-chapter--current,.bber-controls__sidebar ol li a.bber-chapter--current,.bber-controls__sidebar ol li button.bber-chapter--current,.bber-controls__sidebar ul li a.bber-chapter--current,.bber-controls__sidebar ul li button.bber-chapter--current{font-weight:700}.bber-controls__sidebar dl li a.bber-indent--1,.bber-controls__sidebar dl li button.bber-indent--1,.bber-controls__sidebar ol li a.bber-indent--1,.bber-controls__sidebar ol li button.bber-indent--1,.bber-controls__sidebar ul li a.bber-indent--1,.bber-controls__sidebar ul li button.bber-indent--1{text-indent:0}.bber-controls__sidebar dl li a.bber-indent--2,.bber-controls__sidebar dl li button.bber-indent--2,.bber-controls__sidebar ol li a.bber-indent--2,.bber-controls__sidebar ol li button.bber-indent--2,.bber-controls__sidebar ul li a.bber-indent--2,.bber-controls__sidebar ul li button.bber-indent--2{text-indent:17.5px}.bber-controls__sidebar dl li a.bber-indent--3,.bber-controls__sidebar dl li button.bber-indent--3,.bber-controls__sidebar ol li a.bber-indent--3,.bber-controls__sidebar ol li button.bber-indent--3,.bber-controls__sidebar ul li a.bber-indent--3,.bber-controls__sidebar ul li button.bber-indent--3{text-indent:35px}.bber-controls__sidebar dl li a.bber-indent--4,.bber-controls__sidebar dl li button.bber-indent--4,.bber-controls__sidebar ol li a.bber-indent--4,.bber-controls__sidebar ol li button.bber-indent--4,.bber-controls__sidebar ul li a.bber-indent--4,.bber-controls__sidebar ul li button.bber-indent--4{text-indent:52.5px}.bber-controls__sidebar dl li a.bber-indent--5,.bber-controls__sidebar dl li button.bber-indent--5,.bber-controls__sidebar ol li a.bber-indent--5,.bber-controls__sidebar ol li button.bber-indent--5,.bber-controls__sidebar ul li a.bber-indent--5,.bber-controls__sidebar ul li button.bber-indent--5{text-indent:70px}.bber-controls__sidebar dl li a.bber-indent--6,.bber-controls__sidebar dl li button.bber-indent--6,.bber-controls__sidebar ol li a.bber-indent--6,.bber-controls__sidebar ol li button.bber-indent--6,.bber-controls__sidebar ul li a.bber-indent--6,.bber-controls__sidebar ul li button.bber-indent--6{text-indent:87.5px}.bber-controls__sidebar dl li a.bber-indent--7,.bber-controls__sidebar dl li button.bber-indent--7,.bber-controls__sidebar ol li a.bber-indent--7,.bber-controls__sidebar ol li button.bber-indent--7,.bber-controls__sidebar ul li a.bber-indent--7,.bber-controls__sidebar ul li button.bber-indent--7{text-indent:105px}.bber-controls__sidebar dl li a.bber-indent--8,.bber-controls__sidebar dl li button.bber-indent--8,.bber-controls__sidebar ol li a.bber-indent--8,.bber-controls__sidebar ol li button.bber-indent--8,.bber-controls__sidebar ul li a.bber-indent--8,.bber-controls__sidebar ul li button.bber-indent--8{text-indent:122.5px}.bber-controls__sidebar dl li a.bber-indent--9,.bber-controls__sidebar dl li button.bber-indent--9,.bber-controls__sidebar ol li a.bber-indent--9,.bber-controls__sidebar ol li button.bber-indent--9,.bber-controls__sidebar ul li a.bber-indent--9,.bber-controls__sidebar ul li button.bber-indent--9{text-indent:140px}.bber-controls__sidebar dl li a.bber-indent--10,.bber-controls__sidebar dl li button.bber-indent--10,.bber-controls__sidebar ol li a.bber-indent--10,.bber-controls__sidebar ol li button.bber-indent--10,.bber-controls__sidebar ul li a.bber-indent--10,.bber-controls__sidebar ul li button.bber-indent--10{text-indent:157.5px}.bber-controls__sidebar dl li dl a,.bber-controls__sidebar dl li li a,.bber-controls__sidebar dl li ol a,.bber-controls__sidebar ol li dl a,.bber-controls__sidebar ol li li a,.bber-controls__sidebar ol li ol a,.bber-controls__sidebar ul li dl a,.bber-controls__sidebar ul li li a,.bber-controls__sidebar ul li ol a{text-indent:47px}.bber-controls__sidebar dl dt,.bber-controls__sidebar ol dt,.bber-controls__sidebar ul dt{padding:23.5px 0 0 17.5px;text-transform:capitalize}.bber-controls__sidebar dl dd,.bber-controls__sidebar ol dd,.bber-controls__sidebar ul dd{border-bottom:1px solid #d3d3d3;padding:5px 17.5px 23.5px}.bber-controls__sidebar dl dt a,.bber-controls__sidebar dl li a,.bber-controls__sidebar ol dt a,.bber-controls__sidebar ol li a,.bber-controls__sidebar ul dt a,.bber-controls__sidebar ul li a{transition:color .1s ease;text-decoration:none;color:#222}.bber-controls__sidebar dl dt a:hover,.bber-controls__sidebar dl li a:hover,.bber-controls__sidebar ol dt a:hover,.bber-controls__sidebar ol li a:hover,.bber-controls__sidebar ul dt a:hover,.bber-controls__sidebar ul li a:hover{color:#5050c5}.bber-controls__sidebar__chapters{transition:transform .1s ease,.3s ease .1s;border-right:1px solid #d3d3d3;position:fixed;z-index:2;top:35px;height:calc(100vh - 35px);width:350px;background:#fff;transform:translateX(-100%);overflow:auto;-webkit-overflow-scrolling:touch}@media screen and (max-width:414px){.bber-controls__sidebar__chapters{width:100%!important}}.bber-controls__sidebar__chapters.bber-controls__sidebar__chapters--open{transform:translateX(0)}.bber-controls__sidebar__downloads,.bber-controls__sidebar__metadata,.bber-controls__sidebar__settings{transition:transform .1s ease,.3s ease .1s;border-left:1px solid #d3d3d3;position:fixed;z-index:2;top:35px;right:0;height:100vh;background:#fff;width:350px;transform:translateX(100%);overflow:auto;-webkit-overflow-scrolling:touch}@media screen and (max-width:414px){.bber-controls__sidebar__downloads,.bber-controls__sidebar__metadata,.bber-controls__sidebar__settings{width:100%!important}}.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__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__downloads--open,.bber-controls__sidebar__settings.bber-controls__sidebar__metadata--open,.bber-controls__sidebar__settings.bber-controls__sidebar__settings--open{transform:translateX(0)}.bber-controls__sidebar__downloads.bber-controls__sidebar__downloads--open label,.bber-controls__sidebar__downloads.bber-controls__sidebar__metadata--open label,.bber-controls__sidebar__downloads.bber-controls__sidebar__settings--open label,.bber-controls__sidebar__metadata.bber-controls__sidebar__downloads--open label,.bber-controls__sidebar__metadata.bber-controls__sidebar__metadata--open label,.bber-controls__sidebar__metadata.bber-controls__sidebar__settings--open label,.bber-controls__sidebar__settings.bber-controls__sidebar__downloads--open label,.bber-controls__sidebar__settings.bber-controls__sidebar__metadata--open label,.bber-controls__sidebar__settings.bber-controls__sidebar__settings--open label{font-weight:700}.bber-controls__sidebar__downloads.bber-controls__sidebar__downloads--open .bber-settings__item__button-group,.bber-controls__sidebar__downloads.bber-controls__sidebar__metadata--open .bber-settings__item__button-group,.bber-controls__sidebar__downloads.bber-controls__sidebar__settings--open .bber-settings__item__button-group,.bber-controls__sidebar__metadata.bber-controls__sidebar__downloads--open .bber-settings__item__button-group,.bber-controls__sidebar__metadata.bber-controls__sidebar__metadata--open .bber-settings__item__button-group,.bber-controls__sidebar__metadata.bber-controls__sidebar__settings--open .bber-settings__item__button-group,.bber-controls__sidebar__settings.bber-controls__sidebar__downloads--open .bber-settings__item__button-group,.bber-controls__sidebar__settings.bber-controls__sidebar__metadata--open .bber-settings__item__button-group,.bber-controls__sidebar__settings.bber-controls__sidebar__settings--open .bber-settings__item__button-group{margin:10px 0}.bber-controls__sidebar__downloads.bber-controls__sidebar__downloads--open .bber-settings__item__button-group .bber-grid__input,.bber-controls__sidebar__downloads.bber-controls__sidebar__metadata--open .bber-settings__item__button-group .bber-grid__input,.bber-controls__sidebar__downloads.bber-controls__sidebar__settings--open .bber-settings__item__button-group .bber-grid__input,.bber-controls__sidebar__metadata.bber-controls__sidebar__downloads--open .bber-settings__item__button-group .bber-grid__input,.bber-controls__sidebar__metadata.bber-controls__sidebar__metadata--open .bber-settings__item__button-group .bber-grid__input,.bber-controls__sidebar__metadata.bber-controls__sidebar__settings--open .bber-settings__item__button-group .bber-grid__input,.bber-controls__sidebar__settings.bber-controls__sidebar__downloads--open .bber-settings__item__button-group .bber-grid__input,.bber-controls__sidebar__settings.bber-controls__sidebar__metadata--open .bber-settings__item__button-group .bber-grid__input,.bber-controls__sidebar__settings.bber-controls__sidebar__settings--open .bber-settings__item__button-group .bber-grid__input{border:1px solid #d3d3d3;display:inline-block;margin-left:5px;padding:2px}.bber-controls__sidebar__downloads.bber-controls__sidebar__downloads--open .bber-settings__item__button-group .bber-grid__input:hover,.bber-controls__sidebar__downloads.bber-controls__sidebar__metadata--open .bber-settings__item__button-group .bber-grid__input:hover,.bber-controls__sidebar__downloads.bber-controls__sidebar__settings--open .bber-settings__item__button-group .bber-grid__input:hover,.bber-controls__sidebar__metadata.bber-controls__sidebar__downloads--open .bber-settings__item__button-group .bber-grid__input:hover,.bber-controls__sidebar__metadata.bber-controls__sidebar__metadata--open .bber-settings__item__button-group .bber-grid__input:hover,.bber-controls__sidebar__metadata.bber-controls__sidebar__settings--open .bber-settings__item__button-group .bber-grid__input:hover,.bber-controls__sidebar__settings.bber-controls__sidebar__downloads--open .bber-settings__item__button-group .bber-grid__input:hover,.bber-controls__sidebar__settings.bber-controls__sidebar__metadata--open .bber-settings__item__button-group .bber-grid__input:hover,.bber-controls__sidebar__settings.bber-controls__sidebar__settings--open .bber-settings__item__button-group .bber-grid__input:hover{border:1px solid #222;background:#d3d3d3}.bber-controls__sidebar__downloads{height:auto!important;padding-bottom:0!important}.bber-controls__sidebar__downloads ul li{display:flex}.bber-controls__sidebar__downloads li{position:relative}.bber-controls__sidebar__downloads button{padding-right:17.5px;position:absolute;top:0;right:0;bottom:0}.bber-controls__sidebar__downloads a{position:relative;z-index:1}.bber-controls__sidebar__downloads a:hover+button{color:#5050c5}.bber-controls__sidebar__downloads .bber-downloads__description,.bber-controls__sidebar__downloads .bber-downloads__title{display:block}.bber-controls__sidebar__downloads .bber-downloads__description{display:block;font-size:.7rem;font-style:italic;padding-top:6px}.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}}.bber-controls__footer nav ul{display:flex;flex-direction:row;align-items:center;justify-content:center;height:60px;padding:0 10px}.bber-controls__footer nav ul li{display:flex}.bber-controls__footer nav ul li:nth-child(2){flex:1}.bber-controls__footer nav ul li:nth-child(2) button,.bber-controls__footer nav ul li:nth-child(3) button{font-size:2em}.bber-controls__footer nav ul li .bber-nav__button{transition:color .1s ease;padding:0 5px}.bber-controls__footer nav ul li .bber-nav__button:hover{color:#5050c5}.bber-spinner{width:100vw;height:100vh;position:fixed;display:none;background:#fff}.bber-spinner--visible{display:block}.bber-spinner__detail{position:absolute;top:calc(50% - 20px);left:calc(50% - 20px);width:40px;height:40px;margin:0;padding:0;background-color:#222;border-radius:100%;-webkit-animation:pulse 1s ease-in-out infinite;animation:pulse 1s ease-in-out infinite}.bber-leaf{transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;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}.bber-grid__debug{position:fixed;top:0;left:0;height:100vh;width:100%;pointer-events:none}.bber-grid__debug .bber-grid__debug__line{background-color:#6495ed;opacity:.4;position:absolute;top:0;bottom:0;width:1px;color:#fff;padding-top:50px;text-align:center}@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}.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;-ms-user-select:none;user-select:none}.bber-media__controls a,.bber-media__controls button{text-decoration:none!important;transition:color .2s ease}.bber-media__controls a.bber-hover,.bber-media__controls a:hover,.bber-media__controls button.bber-hover,.bber-media__controls button:hover{color:#5050c5!important}.bber-media__controls+.bber-caption__audio{margin-top:.5rem}.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}input[type=range]{flex:1;margin:0;padding:0;min-height:12px;background:transparent;font:inherit;outline:none;width:100%;max-width:100%}input[type=range],input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}input[type=range]::-webkit-slider-runnable-track{box-sizing:border-box;border:none;width:100%;height:2px;background:#d7d7d7}input[type=range]::-moz-range-track{box-sizing:border-box;border:none;width:100%;height:2px;background:#d7d7d7}input[type=range]::-ms-track{box-sizing:border-box;border:none;width:100%;height:2px;background:#d7d7d7}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}input[type=range]::-webkit-slider-thumb:hover{background-color:#5050c5}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}input[type=range]::-moz-range-thumb:hover{background-color:#5050c5}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}input[type=range]::-ms-thumb:hover{background-color:#5050c5}input[type=range]::-ms-tooltip{display:none}.bber-media__slider--before{background:#222;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:#222;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}
+@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(./fonts/MaterialIcons-Regular.eot?#iefix) format("embedded-opentype"),local("Material Icons"),local("MaterialIcons-Regular"),url(./fonts/MaterialIcons-Regular.woff2) format("woff2"),url(./fonts/MaterialIcons-Regular.woff) format("woff"),url(./fonts/MaterialIcons-Regular.ttf) format("truetype")}@-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}}@-webkit-keyframes nav__button__downloads__shadow{5%{text-shadow:0 0 5px #6969fc}35%{text-shadow:0 5px 10px rgba(105,105,252,.5)}to{text-shadow:0 10px 30px rgba(105,105,252,0)}}@keyframes nav__button__downloads__shadow{5%{text-shadow:0 0 5px #6969fc}35%{text-shadow:0 5px 10px rgba(105,105,252,.5)}to{text-shadow:0 10px 30px rgba(105,105,252,0)}}@-webkit-keyframes nav__button__downloads__color{0%{color:#222}25%{color:#5050c5}to{color:#222}}@keyframes nav__button__downloads__color{0%{color:#222}25%{color:#5050c5}to{color:#222}}.footnote__body{visibility:visible;display:block;background:#fff;padding-left:1.5em;padding-right:1.5em;position:absolute;font-size:14px;line-height:1.6;z-index:1000}.footnote__body.footnote__body--hidden{visibility:hidden}.footnote__content--count{padding-right:10px}.material-icons{display:inline-block;font-family:Material Icons;font-weight:400;font-style:normal;font-size:20px;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}#layout{transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}.bber-controls .bber-ol,.bber-controls .bber-ul{list-style:none}.bber-controls .bber-a,.bber-controls .bber-button{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{border-bottom:1px solid #d3d3d3;z-index:1;position:fixed;top:0;left:0;right:0;background:#fff;height:35px;opacity:1!important}.bber-controls__header .bber-nav .bber-ul{display:flex;flex-direction:row;align-items:center;justify-content:center;height:35px;padding:0 10px}.bber-controls__header .bber-nav .bber-ul .bber-li{display:flex;min-width:25px}.bber-controls__header .bber-nav .bber-ul .bber-li:nth-child(2){flex:1}.bber-controls__header .bber-nav .bber-ul .bber-li:nth-child(3){display:none}.bber-controls__header .bber-nav .bber-ul .bber-li .bber-nav__button{transition:color .1s ease;padding:0 5px}.bber-controls__header .bber-nav .bber-ul .bber-li .bber-nav__button:hover{color:#5050c5}.bber-controls__header .bber-nav .bber-ul .bber-li .bber-nav__button.bber-nav__button__downloads{color:#222;-webkit-animation:nav__button__downloads__shadow 2.5s infinite,nav__button__downloads__color 2.5s infinite;animation:nav__button__downloads__shadow 2.5s infinite,nav__button__downloads__color 2.5s infinite}.bber-controls__header .bber-nav .bber-ul .bber-li .bber-nav__button.bber-nav__button__downloads:hover{-webkit-animation:none;animation:none;color:#5050c5}.bber-controls__sidebar{z-index:1;font-family:Georgia,Iowan,Times,serif;font-weight:400;font-size:14px}.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:14px;font-family:Georgia,Iowan,Times,serif}.bber-controls__sidebar .bber-dl .bber-li .bber-a:hover,.bber-controls__sidebar .bber-dl .bber-li .bber-button:hover,.bber-controls__sidebar .bber-ol .bber-li .bber-a:hover,.bber-controls__sidebar .bber-ol .bber-li .bber-button:hover,.bber-controls__sidebar .bber-ul .bber-li .bber-a:hover,.bber-controls__sidebar .bber-ul .bber-li .bber-button:hover{transition:color .1s ease;color:#5050c5}.bber-controls__sidebar .bber-dl .bber-li .bber-a.material-icons,.bber-controls__sidebar .bber-dl .bber-li .bber-button.material-icons,.bber-controls__sidebar .bber-ol .bber-li .bber-a.material-icons,.bber-controls__sidebar .bber-ol .bber-li .bber-button.material-icons,.bber-controls__sidebar .bber-ul .bber-li .bber-a.material-icons,.bber-controls__sidebar .bber-ul .bber-li .bber-button.material-icons{font-family:Material Icons;text-align:right;font-size:20px}.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:700}.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{transition:color .1s ease;text-decoration:none;color:#222}.bber-controls__sidebar .bber-dl .bber-dt .bber-a:hover,.bber-controls__sidebar .bber-dl .bber-li .bber-a:hover,.bber-controls__sidebar .bber-ol .bber-dt .bber-a:hover,.bber-controls__sidebar .bber-ol .bber-li .bber-a:hover,.bber-controls__sidebar .bber-ul .bber-dt .bber-a:hover,.bber-controls__sidebar .bber-ul .bber-li .bber-a:hover{color:#5050c5}.bber-controls__sidebar__chapters{transition:transform .1s ease,.3s ease .1s;border-right:1px solid #d3d3d3;position:fixed;z-index:2;top:35px;height:calc(100vh - 35px);width:350px;background:#fff;transform:translateX(-100%);overflow:auto;-webkit-overflow-scrolling:touch}@media screen and (max-width:414px){.bber-controls__sidebar__chapters{width:100%!important}}.bber-controls__sidebar__chapters.bber-controls__sidebar__chapters--open{transform:translateX(0)}.bber-controls__sidebar__downloads,.bber-controls__sidebar__metadata,.bber-controls__sidebar__settings{transition:transform .1s ease,.3s ease .1s;border-left:1px solid #d3d3d3;position:fixed;z-index:2;top:35px;right:0;height:100vh;background:#fff;width:350px;transform:translateX(100%);overflow:auto;-webkit-overflow-scrolling:touch}@media screen and (max-width:414px){.bber-controls__sidebar__downloads,.bber-controls__sidebar__metadata,.bber-controls__sidebar__settings{width:100%!important}}.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__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__downloads--open,.bber-controls__sidebar__settings.bber-controls__sidebar__metadata--open,.bber-controls__sidebar__settings.bber-controls__sidebar__settings--open{transform:translateX(0)}.bber-controls__sidebar__downloads.bber-controls__sidebar__downloads--open .bber-label,.bber-controls__sidebar__downloads.bber-controls__sidebar__metadata--open .bber-label,.bber-controls__sidebar__downloads.bber-controls__sidebar__settings--open .bber-label,.bber-controls__sidebar__metadata.bber-controls__sidebar__downloads--open .bber-label,.bber-controls__sidebar__metadata.bber-controls__sidebar__metadata--open .bber-label,.bber-controls__sidebar__metadata.bber-controls__sidebar__settings--open .bber-label,.bber-controls__sidebar__settings.bber-controls__sidebar__downloads--open .bber-label,.bber-controls__sidebar__settings.bber-controls__sidebar__metadata--open .bber-label,.bber-controls__sidebar__settings.bber-controls__sidebar__settings--open .bber-label{font-weight:700}.bber-controls__sidebar__downloads.bber-controls__sidebar__downloads--open .bber-settings__item__button-group,.bber-controls__sidebar__downloads.bber-controls__sidebar__metadata--open .bber-settings__item__button-group,.bber-controls__sidebar__downloads.bber-controls__sidebar__settings--open .bber-settings__item__button-group,.bber-controls__sidebar__metadata.bber-controls__sidebar__downloads--open .bber-settings__item__button-group,.bber-controls__sidebar__metadata.bber-controls__sidebar__metadata--open .bber-settings__item__button-group,.bber-controls__sidebar__metadata.bber-controls__sidebar__settings--open .bber-settings__item__button-group,.bber-controls__sidebar__settings.bber-controls__sidebar__downloads--open .bber-settings__item__button-group,.bber-controls__sidebar__settings.bber-controls__sidebar__metadata--open .bber-settings__item__button-group,.bber-controls__sidebar__settings.bber-controls__sidebar__settings--open .bber-settings__item__button-group{margin:10px 0}.bber-controls__sidebar__downloads.bber-controls__sidebar__downloads--open .bber-settings__item__button-group .bber-grid__input,.bber-controls__sidebar__downloads.bber-controls__sidebar__metadata--open .bber-settings__item__button-group .bber-grid__input,.bber-controls__sidebar__downloads.bber-controls__sidebar__settings--open .bber-settings__item__button-group .bber-grid__input,.bber-controls__sidebar__metadata.bber-controls__sidebar__downloads--open .bber-settings__item__button-group .bber-grid__input,.bber-controls__sidebar__metadata.bber-controls__sidebar__metadata--open .bber-settings__item__button-group .bber-grid__input,.bber-controls__sidebar__metadata.bber-controls__sidebar__settings--open .bber-settings__item__button-group .bber-grid__input,.bber-controls__sidebar__settings.bber-controls__sidebar__downloads--open .bber-settings__item__button-group .bber-grid__input,.bber-controls__sidebar__settings.bber-controls__sidebar__metadata--open .bber-settings__item__button-group .bber-grid__input,.bber-controls__sidebar__settings.bber-controls__sidebar__settings--open .bber-settings__item__button-group .bber-grid__input{border:1px solid #d3d3d3;display:inline-block;margin-left:5px;padding:2px}.bber-controls__sidebar__downloads.bber-controls__sidebar__downloads--open .bber-settings__item__button-group .bber-grid__input:hover,.bber-controls__sidebar__downloads.bber-controls__sidebar__metadata--open .bber-settings__item__button-group .bber-grid__input:hover,.bber-controls__sidebar__downloads.bber-controls__sidebar__settings--open .bber-settings__item__button-group .bber-grid__input:hover,.bber-controls__sidebar__metadata.bber-controls__sidebar__downloads--open .bber-settings__item__button-group .bber-grid__input:hover,.bber-controls__sidebar__metadata.bber-controls__sidebar__metadata--open .bber-settings__item__button-group .bber-grid__input:hover,.bber-controls__sidebar__metadata.bber-controls__sidebar__settings--open .bber-settings__item__button-group .bber-grid__input:hover,.bber-controls__sidebar__settings.bber-controls__sidebar__downloads--open .bber-settings__item__button-group .bber-grid__input:hover,.bber-controls__sidebar__settings.bber-controls__sidebar__metadata--open .bber-settings__item__button-group .bber-grid__input:hover,.bber-controls__sidebar__settings.bber-controls__sidebar__settings--open .bber-settings__item__button-group .bber-grid__input:hover{border:1px solid #222;background:#d3d3d3}.bber-controls__sidebar__downloads{height:auto!important;padding-bottom:0!important}.bber-controls__sidebar__downloads .bber-ul .bber-li{display:flex}.bber-controls__sidebar__downloads .bber-li{position:relative}.bber-controls__sidebar__downloads .bber-button{padding-right:17.5px;position:absolute;top:0;right:0;bottom:0}.bber-controls__sidebar__downloads .bber-a{position:relative;z-index:1}.bber-controls__sidebar__downloads .bber-a:hover+button{color:#5050c5}.bber-controls__sidebar__downloads .bber-downloads__description,.bber-controls__sidebar__downloads .bber-downloads__title{display:block}.bber-controls__sidebar__downloads .bber-downloads__description{display:block;font-size:.7rem;font-style:italic;padding-top:6px}.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}}.bber-controls__footer .bber-nav .bber-ul{display:flex;flex-direction:row;align-items:center;justify-content:center;height:60px;padding:0 10px}.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:nth-child(2) .bber-button,.bber-controls__footer .bber-nav .bber-ul .bber-li:nth-child(3) .bber-button{font-size:2em}.bber-controls__footer .bber-nav .bber-ul .bber-li .bber-nav__button{transition:color .1s ease;padding:0 5px}.bber-controls__footer .bber-nav .bber-ul .bber-li .bber-nav__button:hover{color:#5050c5}.bber-spinner{width:100vw;height:100vh;position:fixed;display:none;background:#fff}.bber-spinner--visible{display:block}.bber-spinner__detail{position:absolute;top:calc(50% - 20px);left:calc(50% - 20px);width:40px;height:40px;margin:0;padding:0;background-color:#222;border-radius:100%;-webkit-animation:pulse 1s ease-in-out infinite;animation:pulse 1s ease-in-out infinite}.bber-leaf{transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;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}.bber-grid__debug{position:fixed;top:0;left:0;height:100vh;width:100%;pointer-events:none}.bber-grid__debug .bber-grid__debug__line{background-color:#6495ed;opacity:.4;position:absolute;top:0;bottom:0;width:1px;color:#fff;padding-top:50px;text-align:center}@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}.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;-ms-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+.bber-caption__audio{margin-top:.5rem}.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:#222;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:#222;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}

package/index.d.ts

@@ -53,8 +53,8 @@ type RequireOneOf<T, Keys extends keyof T = keyof T> = Pick<
 // Used for renaming the query parameters
 export interface BberReaderQueryParameterKeys {
   slug?: string
-  currentSpineItemIndex?: string
-  spreadIndex?: string
+  currentSpineItemIndex?: number
+  spreadIndex?: number
 }
 
 interface Download {
@@ -85,9 +85,16 @@ interface UiOptions {
   navigation?: UiOptionsNavigation
 }
 
+enum SidebarName {
+  CHAPTERS = 'chapters',
+  DOWNLOADS = 'downloads',
+  METADATA = 'metadata',
+  // SETTINGS = 'settings',
+}
+
 interface NavigationHeaderProps {
   destroyReaderComponent: () => void
-  handleSidebarButtonClick: () => void
+  handleSidebarButtonClick: (name: SidebarName | null) => void
   downloads: Download[]
   uiOptions: UiOptions
 }
@@ -133,25 +140,29 @@ interface NavigationFooterProps {
   spreadIndex: number
   lastSpreadIndex: number
   handleEvents: boolean
-  handleChapterNavigation: boolean
-  enablePageTransitions: boolean
-  handlePageNavigation: boolean
+  handleChapterNavigation: (increment: number) => void
+  enablePageTransitions: () => void
+  handlePageNavigation: (increment: number) => void
+  goToPrevChapter: () => void
+  goToNextChapter: () => void
+  goToPrevPage: () => void
+  goToNextPage: () => void
 }
 
 interface SidebarChaptersProps {
-  showSidebar: boolean
+  showSidebar: SidebarName | null
   spine: Spine
   currentSpineItemIndex: number
-  navigateToChapterByURL: () => void
+  navigateToChapterByURL: (url: string) => void
 }
 
 interface SidebarDownloadsProps {
-  showSidebar: boolean
+  showSidebar: SidebarName | null
   downloads: Download[]
 }
 
 interface SidebarMetadataProps {
-  showSidebar: boolean
+  showSidebar: SidebarName | null
   metadata: Metadata
 }
 
@@ -159,6 +170,12 @@ interface SidebarMetadataProps {
 
 type UiReaderProp<T> = React.Component<T> | ((props: T) => JSX.Element)
 
+type LocationState = 'memory' | 'localStorage' | 'queryParams'
+
+type KeysValues<T> = { [P in keyof T]: T[P] }
+
+type SearchParams = string | KeysValues<BberReaderQueryParameterKeys>
+
 interface OptionalBberReaderProps {
   bookURL?: string
   manifestURL?: string
@@ -170,7 +187,7 @@ interface OptionalBberReaderProps {
   uiOptions?: UI
   cache?: boolean
   layout?: Layout
-  paramKeys?: BberReaderQueryParameterKeys
+  searchParamKeys?: BberReaderQueryParameterKeys
   disableBodyStyles?: boolean
 
   NavigationHeader?: UiReaderProp<NavigationHeaderProps>
@@ -179,6 +196,9 @@ interface OptionalBberReaderProps {
   SidebarDownloads?: UiReaderProp<SidebarDownloadsProps>
   SidebarMetadata?: UiReaderProp<SidebarMetadataProps>
   // SidebarSettings?: UiReaderProp<SidebarSettingsProps>
+
+  locationState?: LocationState
+  searchParams?: SearchParams
 }
 
 export type BberReaderProps = RequireOneOf<

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@canopycanopycanopy/b-ber-reader-react",
-  "version": "1.2.13-react-reader.31+7d5cd024",
+  "version": "1.2.13-react-reader.42+51bd8a89",
   "description": "",
   "main": "dist/index.js",
   "scripts": {
@@ -61,6 +61,7 @@
     "postcss-loader": "^2.1.1",
     "prop-types": "^15.6.1",
     "react-test-renderer": "^16.4.0",
+    "redux-mock-store": "^1.5.4",
     "resize-observer-polyfill": "^1.5.0",
     "rimraf": "^2.7.1",
     "sass": "^1.49.8",
@@ -121,5 +122,5 @@
       "url": "https://maxwellsimmer.com"
     }
   ],
-  "gitHead": "7d5cd0240114a1379bbd859e57e46cdcdd6a98fa"
+  "gitHead": "51bd8a894e97b78603602b891f92a35091e4371a"
 }