.flipbook-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#333;justify-content:center;align-items:center;width:100%;height:100%;font-family:Avenir,Helvetica,Arial,sans-serif;display:flex}.flipbook-wrapper{justify-content:center;align-items:center;gap:0;height:100%;display:flex;position:relative}.flipbook-side-panel{background-color:#222;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:100%;display:flex;position:relative;overflow:hidden}.side-panel-text{writing-mode:vertical-rl;text-orientation:mixed;color:#fff;letter-spacing:2px;white-space:nowrap;font-size:12px;font-weight:600;transform:rotate(180deg)}.side-panel-text:nth-child(2){display:none}.flipbook-arrow{z-index:10;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;display:flex}.flipbook-arrow:hover:not(:disabled){transform:scale(1.1)}.flipbook-arrow:active:not(:disabled){transform:scale(.95)}.flipbook-arrow svg{color:#333;transition:color .3s}.flipbook-arrow:hover:not(:disabled) svg{color:#666}.flipbook-arrow:disabled{pointer-events:none}.page,.page-cover{background:#fff;justify-content:center;align-items:center;display:flex;position:relative}.page-content{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.page-content img{object-fit:cover;width:100%;height:100%}.page-number{color:#666;font-size:12px;position:absolute;bottom:10px;right:10px}@media (max-width:1024px){.flipbook-arrow{width:48px;height:48px}}@media (max-width:767px){.flipbook-container{background-color:#1e1e1e}.flipbook-wrapper{justify-content:center;gap:0;width:100%}.flipbook-container .stf__parent{overflow:hidden!important}.page-cover,.page{border-radius:0}.page-number{font-size:11px;bottom:6px;right:6px}}