.ba__flipbook-container{display:block;width:100%;height:100%;max-width:100%;max-height:100%;position:relative; font-size: 1em; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background: #fff linear-gradient(#eee 1px, transparent 1px); background-size: 100% 3px; box-shadow: 0 0 .1em rgba(0,0,0,.3); padding:3.5em 1em 1em 1em; margin: 0; z-index: 1; overflow: hidden; direction: ltr;}
.ba__flipbook-viewport{width:100%;height:100%;max-width:100%;max-height:100%; display: flex; align-items: center; justify-content: center;}
.ba__flipbook-overview{display:flex;align-items: center;justify-content: center;min-width:100%;min-height:100%;}
.ba--general.no-bar > .ba__flipbook-container{padding: 1em;}
.ba__flipbook-main{position:relative;opacity: 1; z-index: 1; margin: 0 auto; display: block;min-height: 20em;}
.ba__flipbook-main.ba__ready{transition: all .3s linear .1s;}
.ba__flipbook-main.zoom, .ba__flipbook-main.ba__resizing{transition: none;}
.ba__flipbook-main:hover{cursor: -webkit-grab;cursor: grab;}
.ba__flipbook-loading + *{visibility: hidden; opacity: 0;}
.ba__flipbook-main > *{position: absolute; background: #fff; box-shadow:0 0 3px rgba(0,0,0,.2); transform: none; font-size:1em; z-index:0; font-size:clamp(0.25rem, 1vw + 0.25rem, 1rem); /*Modern fluid typography editor*/}
.ba__flipbook-page:not(:first-child):before{width:5em;height:100%;display:block;position:absolute;top:0;right:0; z-index:1; content:'';background:linear-gradient(to left,rgba(0,0,0,.2) 0,rgba(0,0,0,0) 100%);}
.ba__flipbook-page:last-child:before{visibility: hidden;}
.ba__flipbook-page:nth-child(odd):before{left:0;background:linear-gradient(to right,rgba(0,0,0,.3) 0,rgba(0,0,0,0) 100%);}
.ba__flipbook-page::after{position:absolute;width:0;height:0;left:0;top:0;content: ''; transition:all .3s linear;box-shadow:5px 5px 10px #ddd;background-image:linear-gradient(135deg,#fff 0,#fff 50%,#f2f2f2 51%,#fefefe 100%)}
.ba__flipbook-page:nth-child(odd):after{right:0;left:auto;box-shadow:-5px 5px 10px #ddd;background-image:linear-gradient(45deg,#fefefe 0,#f2f2f2 49%,#fff 50%,#fff 100%)}
.ba__flipbook-page:hover:after{width: 1em; height:1em;}
.ba__flipbook-main.animate > .ba__flipbook-page::after{display: none;}
.ba__flipbook-page > :last-child{width:480px; height: 100%; display: block; float: left; position: relative;}
.ba__flipbook-page > :last-child > *{display:block; width: 100%; height: 100%;}
.ba__flipbook-page img, .ba__flipbook-page canvas{max-width: 100%; height: auto;}
.ba__flipbook-viewport img[src=""], .ba__flipbook-viewport img:not([src]){display: none;}
.ba__flipbook-page canvas{width: 100%; height:auto; display:block;}
.ba__flipbook-main-controls{background: rgba(24, 33, 57, 0.8); position:absolute; left: 0; top:0; z-index: 9; display: table; margin: 0 auto; width: 100%;}
.ba__flipbook-main-controls > *{overflow: hidden; display: table; position:relative; margin: 0 auto; text-align: center;}
.ba__flipbook-main-controls > * > *{width: 2.6em; height: 2.6em; display: table-cell; color: #fff; cursor: pointer; line-height: 1; font-style: normal; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size:16px; vertical-align: middle; text-align: center; transition: all .2s; border: 0 !important;}
.ba__flipbook-main-controls > * > :hover:not(.ba__flipbook-input){background: rgba(0,0,0,.5);}
.ba__flipbook-main-controls > * > :not(.ba__flipbook-input)::before,
.ba__flipbook-button::before{width:24px; height:24px; display: inline-block; content: ''; background-repeat: no-repeat; background-position: center center; background-size:100% 100%;}
.ba__flipbook-button.prev::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23eee' stroke-width='2'%3E%3Cpath d='M20 30 L8 16 20 2' /%3E%3C/svg%3E");}
.ba__flipbook-button.next::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23eee' stroke-width='2'%3E%3Cpath d='M12 30 L24 16 12 2' /%3E%3C/svg%3E");}
.ba__flipbook-main-controls .play::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23eee' stroke-width='2'%3E%3Cpath d='M10 2 L10 30 24 16 Z' /%3E%3C/svg%3E");}
.ba__flipbook-viewport[data-play] + .ba__flipbook-main-controls .play::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23eee' stroke-width='2'%3E%3Cpath d='M23 2 L23 30 M9 2 L9 30' /%3E%3C/svg%3E");}
.ba__flipbook-main-controls .fullscreen::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23eee' stroke-width='2'%3E%3Cpath d='M4 12 L4 4 12 4 M20 4 L28 4 28 12 M4 20 L4 28 12 28 M28 20 L28 28 20 28' /%3E%3C/svg%3E");}
.ba__flipbook-main-controls .fullscreen.on::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23eee' stroke-width='2'%3E%3Cpath d='M4 12 L12 12 12 4 M20 4 L20 12 28 12 M4 20 L12 20 12 28 M28 20 L20 20 20 28' /%3E%3C/svg%3E");}
.ba__flipbook-main-controls .zoomin::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23eee' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21l-4.35-4.35M8 11h6'/%3E%3C/g%3E%3C/svg%3E");}
.ba__flipbook-main-controls .zoomout::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23eee' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21l-4.35-4.35M11 8v6m-3-3h6'/%3E%3C/g%3E%3C/svg%3E");}
.ba__flipbook-main-controls .sound::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23eee' stroke-width='2' d='M11 5L6 9H2v6h4l5 4V5zm4.54 3.46a5 5 0 0 1 0 7.07m3.53-10.6a10 10 0 0 1 0 14.14'/%3E%3C/svg%3E");}
.ba__flipbook-main-controls .thumbnail::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23eee' stroke-width='2' d='M3 3h7v7H3zm11 0h7v7h-7zm0 11h7v7h-7zM3 14h7v7H3z'/%3E%3C/svg%3E");}

.ba__flipbook-main-controls .disable,
.ba__flipbook-container.sound-off > .ba__flipbook-main-controls .sound,
.ba__flipbook-container.thumbs-on > .ba__flipbook-main-controls .thumbnail{opacity: .3;}
.ba__flipbook-main-controls .ba__flipbook-input{min-width:5em;}
.ba__flipbook-main-controls .ba__flipbook-input > *{font-size: 16px;display:flex; border-radius: .2em; background: rgba(150,150,150,.15); height: 26px;}
.ba__flipbook-main-controls .ba__flipbook-input > * > *{width: 2.5em !important;line-height: 1.5;text-align: center;}
.ba__flipbook-main-controls .ba__flipbook-input input{display: block; border:0; border-radius: .2em 0 0 .2em; color: #fff; background: rgba(150,150,150,.3); padding:0; transition: all .3s;}
.ba__flipbook-main-controls .ba__flipbook-input input:hover,
.ba__flipbook-main-controls .ba__flipbook-input input:focus{background: #fff; color: #333; box-shadow: none !important;}
.ba__flipbook-main-controls .ba__flipbook-input i{font-weight: 300;}
.ba__flipbook-container > i{background: rgba(150,150,150,.5); color: #fff; width: 48px; height: 70px; display: block; position: absolute; left: 0; top: 50%; margin: -40px 0 0; z-index: 9; text-align: center; padding: 20px 0; line-height: 1; cursor: pointer; border-radius:0 .3em .3em 0;box-sizing: border-box; box-shadow: 0 0 .5em rgba(0,0,0,.2);}
.ba__flipbook-container > .next{right: 0; left: auto; border-radius:.3em 0 0 .3em;}
.ba__flipbook-container > i::before{width: 2em; height: 2em;}
.ba__flipbook-container > i:hover{opacity: .5;}
.ba__flipbook-container > i.disable{opacity: 0;}
.ba__pdf .ba__flipbook-page > :not(.loaded)::before, [data-ba-flipbook]:empty:before,.ba__pdf > .ba__flipbook-thumbs .ba__flipbook-thumbs-body > * > :not(.loaded)::before{position: absolute; left: 50%; top: 50%; margin: -15px 0 0 -15px; content: ''; border:6px solid rgb(246, 242, 242); border-top:6px solid #55575e; border-radius: 50%; width: 30px; height: 30px; -webkit-animation: best-spin 2s linear infinite; animation: best-spin 2s linear infinite;}
[data-ba-flipbook]:empty:before{width: 60px; height: 60px; margin: -60px 0 0 -30px; border-width: 10px; border-top-color: dodgerblue;}
@-webkit-keyframes best-spin {0% {-webkit-transform: rotate(0deg);}100% {-webkit-transform:rotate(360deg);}}
@keyframes best-spin {0% {transform: rotate(0deg);}100%{transform: rotate(360deg);}}
.ba__flipbook-main.single-mode{overflow: hidden;}
.ba__flipbook-main.single-mode > .ba__flipbook-page{overflow: hidden; box-shadow:0 0 15em rgba(0,0,0,.5) !important;}
.ba__flipbook-main.single-mode > .ba__flipbook-page::before,
.ba__flipbook-main.single-mode > .ba__flipbook-page::after{display: none;}
/*
.ba__flipbook-main.single-mode > :first-child,
.ba__flipbook-main.single-mode > :last-child{transform: none !important;}
*/

.ba__flipbook-thumbs{transition:all .5s;position:absolute;display:block;top:0;left:0;bottom:0;width:200px;transform:translate3D(-100%,0,0);background:#313336;box-shadow:0 0 1em rgba(0,0,0,.5);text-align:center;opacity:0;pointer-events:none;z-index:12;padding:10px 5px;}
.ba__flipbook-container.thumbs-on > .ba__flipbook-thumbs{transform: translate3D(0,0,0);opacity: 1;pointer-events: auto; cursor: pointer;}
.ba__flipbook-thumbs canvas, .ba__flipbook-thumbs img{max-width: 100%; height: auto;}
.ba__flipbook-thumbs > .close{position: absolute;left: 100%;top: 0;width: 32px;height: 32px;background: #313336; display:none; align-items: center; justify-content: center;}
.ba__flipbook-container.thumbs-on .ba__flipbook-thumbs > .close{display:flex;}
.ba__flipbook-thumbs > .close::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23eee' stroke-width='2'%3E%3Cline x1='18' x2='6' y1='6' y2='18'%3E%3C/line%3E%3Cline x1='6' x2='18' y1='6' y2='18'%3E%3C/line%3E%3C/svg%3E");}
.ba__flipbook-thumbs-body{width: 100%;height: 100%; overflow: auto; display:block;}
.ba__flipbook-thumbs-body > *{display:flex; justify-content: center; width: 150px; height:200px; margin:5px auto; cursor: pointer; overflow: hidden; border: 1px solid rgba(0,0,0,.8); background: #e9edf0; transition:all .3s; opacity: .6 !important; position: relative;}
.ba__flipbook-thumbs-body > :hover, .ba__flipbook-thumbs-body > .active{opacity: 1 !important; border-color: #fff;}
.ba__flipbook-thumbs-body > * > *{display: block; max-width: 100%; max-height: 100%; font-size: 3px;}
.ba__flipbook-thumbs-body > * > * > *, .ba__flipbook-thumbs canvas{width: 100%; height: 100%;}
.ba__flipbook-pdf-caption{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;line-height:1;transform-origin:0 0 0}
.ba__flipbook-pdf-caption *{display: block;width: 100%;height: 100%;color:transparent;position:absolute;white-space:pre;transform-origin:0 0 0}
.ba__flipbook-pdf-caption .linkAnnotation > a{background-color: transparent; z-index: 9;}
.ba__flipbook-pdf-caption .linkAnnotation > a:hover{border:1px dashed #f90;}
.ba__flipbook-container.ba__rtl .ba__flipbook-viewport,
.ba__flipbook-container.ba__rtl .ba__flipbook-page > * > *{transform: scale3d(-1,1,1); text-align: right;}

.ba__flipbook-lightbox{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(63,51,69,.8);padding: 2rem; z-index: 9999; display: none;}
.ba__flipbook-lightbox.ba__flipbook-lightbox-open{display: block;}
.ba__flipbook-lightbox-button.close{position: absolute;right:1rem;top:1rem;background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2'%3E%3Cline x1='18' x2='6' y1='6' y2='18'%3E%3C/line%3E%3Cline x1='6' x2='18' y1='6' y2='18'%3E%3C/line%3E%3C/svg%3E") center center no-repeat;width: 36px;height: 36px;display: block;border-radius: 50%;font-size: 1px;background-size: 24px auto; cursor: pointer; z-index: 9;}
.ba__flipbook-lightbox-button.close:hover{background-color: #e5e6f4;}
.ba__flipbook-lightbox > .ba__flipbook-container{box-shadow: 0 0 1px #fff, 0 0 1em #000;border-radius: .2em;}
.baContainer > .ba__flipbook-lightbox-button{display: inline-block; cursor: pointer;}
.baContainer > .ba__flipbook-lightbox-button:hover{opacity: .7;}
.ba__flipbook-main >:last-child >:empty::before,.ba__flipbook-thumbs-body >:last-child >:empty::before{display:none!important;}

.demo-flipbook .ba__flipbook-page img{width: 100%;}
#demo-lightbox{text-align: center;display: table;margin: 0 auto; max-width: 400px;}
#demo-lightbox img{display: table; margin:0 auto; border-radius: .5em;box-shadow: 0 0 1em rgba(0,0,0,.5); overflow: hidden; cursor: pointer; -webkit-filter: hue-rotate(90deg); filter: hue-rotate(90deg);}
#demo-lightbox img:hover{box-shadow: 0 0 3em rgba(165, 23, 23, 0.5); -webkit-filter: none; filter: none;}