.ba__flipbook-container{width:100%;height:100%; display:block;position:relative; font-size: 1em; min-height: 20em; -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; -webkit-box-shadow: 0 0 .1em rgba(0,0,0,.3); box-shadow: 0 0 .1em rgba(0,0,0,.3); padding:3.5em 1em 1em; overflow: hidden;}
.ba--general.no-bar > .ba__flipbook-container{padding: 1em;}
.ba__flipbook-main{position:relative;width:100%;height:100%;-webkit-transition: all .3s linear .1s;transition: all .3s linear .1s; opacity: 1; z-index: 1;}
.ba__flipbook-main.zoom{-webkit-transition: none;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; -webkit-box-shadow:0 0 3px rgba(0,0,0,.2); box-shadow:0 0 3px rgba(0,0,0,.2); -webkit-transition: all .3s linear; transition: all .3s linear; -webkit-transform: none; transform: none; font-size:1em; 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; content:'';background:-webkit-gradient(linear,right top, left top,color-stop(0, rgba(0,0,0,.2)),to(rgba(0,0,0,0)));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:-webkit-gradient(linear,left top, right top,color-stop(0, rgba(0,0,0,.3)),to(rgba(0,0,0,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: ''; -webkit-transition:all .3s linear; transition:all .3s linear;-webkit-box-shadow:5px 5px 10px #ddd;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;-webkit-box-shadow:-5px 5px 10px #ddd;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;}
.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-page canvas{width: 100%; height: 100%; 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; border-radius: .3em; 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; -webkit-transition: all .2s; transition: all .2s;}
.ba__flipbook-main-controls > * > :hover{background: rgba(0,0,0,.5);}
.ba__flipbook-main-controls > * > *::before,
.ba__flipbook-container > i::before{width:1em; height:1em; display: inline-block; content: ''; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23eee' stroke-width='4' viewBox='0 0 486 32'%3E%3Cpath d='M22 30 10 16 22 2m20 28 12-14L42 2m32 0v28l14-14L74 2zm45 0v28M105 2v28m27-18V4h8m8 0h8v8m-24 8v8h8m16-8v8h-8m16-16h8V4m8 0v8h8m-24 8h8v8m16-8h-8v8'/%3E%3Ccircle cx='206' cy='14' r='12'/%3E%3Cpath d='m215 23 7 7'/%3E%3Cpath stroke='null' d='M205.5 7v13m-6.5-6.5h13'/%3E%3Ccircle cx='238' cy='14' r='12'/%3E%3Cpath d='m247 23 7 7'/%3E%3Cpath stroke='null' d='M231 14h15'/%3E%3Cpath d='M285 16c0 6-5 13-13 13s-13-7-13-13 5-13 13-13c5 0 9 3 11 6m-7 1 7-1 1-7m19 7h-11v20h20V18m-5-14h10v10m0-10-14 14m34.6875-10s6-6 9-3 2 7-3 11-8 5-10 1m0 7s-6 6-9 3-2-7 3-11 8-5 10-1M368 14v9m0-15v2'/%3E%3Ccircle cx='368' cy='16' r='14'/%3E%3Cpath d='M414 20 400 8l-14 12m60-8-14 12-14-12m53 4c0-8-5-14-5-14l-7 8h-6v12h6l7 8s5-6 5-14zm1-14s4 4 4 14-4 14-4 14m6-26s3 4 3 12-3 12-3 12'/%3E%3C/svg%3E") no-repeat; background-size:15.2em 1em;}
.ba__flipbook-main-controls .next::before{background-position: -18px 0;}
.ba__flipbook-main-controls .play::before{background-position: -32px 0;}
.ba__flipbook-main[data-play] + .ba__flipbook-main-controls .play::before{background-position: -48px 0;}
.ba__flipbook-main-controls .fullscreen::before{background-position: -64px 0;}
.ba__flipbook-main-controls .fullscreen.on::before{background-position: -80px 0;}
.ba__flipbook-main-controls .zoomin::before{background-position:-112px 0;}
.ba__flipbook-main-controls .zoomout::before{background-position: -96px 0;}
.ba__flipbook-main-controls .sound::before{background-position: -226px 0;}
.ba__flipbook-main-controls .disable,
.ba__flipbook-main.sound-off + .ba__flipbook-main-controls .sound{opacity: .3;}
.ba__flipbook-main-controls .ba__flipbook-input::before{display: none;}
.ba__flipbook-main-controls .ba__flipbook-input > input{width:90%; height: 26px; font-size: 16px; display: block; border:0; border-radius: .3em; text-align: center; color: transparent; background: none; position:absolute; left: 0; top: 50%; margin: -13px 0 0;}
.ba__flipbook-main-controls .ba__flipbook-input > input:focus{background: #fff; color: #000;}
.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:2px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.ba__flipbook-container > .next{right: 0; left: auto;}
.ba__flipbook-container > i::before{width: 2em; height: 2em; background-size:30em 2em;}
.ba__flipbook-container > .next::before{background-position: -30px 0;}
.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]:not(.ba__pdf):empty::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;}
@-webkit-keyframes best-spin {0% {-webkit-transform: rotate(0deg);}100% {-webkit-transform:rotate(360deg);}}
@keyframes best-spin {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100%{-webkit-transform: rotate(360deg);transform: rotate(360deg);}}