.sat-flipbook{--h:min(78vh,900px);position:relative;width:100%;height:var(--h);min-height:520px;background:#3f3f3f;color:#fff;overflow:hidden;font-family:Arial,sans-serif}.sat-flipbook *{box-sizing:border-box}.satfb__toolbar{height:54px;position:absolute;z-index:30;inset:0 0 auto;background:#111;display:flex;align-items:center;justify-content:center;gap:7px;box-shadow:0 2px 10px #0008}.satfb__toolbar button{height:34px;min-width:36px;border:0;border-radius:4px;background:#303030;color:#fff;cursor:pointer;font-size:16px}.satfb__toolbar button:hover{background:#474747}.satfb__left,.satfb__right{position:absolute;display:flex;gap:6px;align-items:center}.satfb__left{left:8px}.satfb__right{right:8px}.satfb__pager{display:flex;gap:5px;align-items:center;font-size:13px}.satfb__page{width:48px;height:32px;text-align:center;background:#222;color:#fff;border:1px solid #666;border-radius:4px}.satfb__stage{position:absolute;top:54px;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}.satfb__book{position:relative;filter:drop-shadow(0 18px 22px #0008);transform-origin:center;will-change:transform}.satfb__book.zoomed{cursor:grab}.satfb__book.zoomed:active{cursor:grabbing}.satfb__flip{position:relative}.satfb__page{background:#fff;overflow:hidden}.satfb__page img{display:block;width:100%;height:100%;object-fit:contain;background:#fff;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.satfb__thumbs{position:absolute;z-index:50;left:0;top:54px;bottom:0;width:190px;background:#181818;transform:translate(-100%);transition:.2s;box-shadow:8px 0 24px #0008;overflow:hidden}.satfb__thumbs.open{transform:none}.satfb__thumb-head{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid #333}.satfb__thumb-close{background:none;border:0;color:#fff;font-size:24px}.satfb__thumb-list{height:calc(100% - 46px);overflow:auto;padding:9px}.satfb__thumb{display:block;width:100%;padding:3px;margin-bottom:9px;border:2px solid transparent;border-radius:4px;background:#292929;color:#aaa;cursor:pointer}.satfb__thumb.active{border-color:#fff;color:#fff}.satfb__thumb img{display:block;width:100%;background:#fff}.satfb__thumb span{display:block;text-align:center;padding:3px;font-size:11px}.satfb__loading{position:absolute;z-index:100;top:0;right:0;bottom:0;left:0;background:#181818;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.satfb__loading.hidden{display:none}.satfb__loading strong{font-size:28px;letter-spacing:5px}.satfb__loading-bar{width:min(340px,70vw);height:5px;background:#444;border-radius:6px;overflow:hidden}.satfb__progress{display:block;width:0;height:100%;background:#fff;transition:.2s}.satfb__toast{position:absolute;z-index:90;bottom:18px;left:50%;transform:translate(-50%,20px);opacity:0;background:#111e;padding:8px 13px;border-radius:5px;transition:.2s}.satfb__toast.show{opacity:1;transform:translate(-50%)}.satfb__share{border:0;border-radius:10px;padding:22px;width:min(430px,90vw)}.satfb__share-url{width:100%;height:38px}.satfb__share button{margin-top:10px;height:35px;padding:0 12px}.satfb__show{display:none;position:absolute;right:8px;top:8px;z-index:80}.toolbar-hidden .satfb__toolbar{transform:translateY(-100%)}.toolbar-hidden .satfb__show{display:block}.satfb__pager .satfb__page{width:48px!important;height:32px!important;min-width:48px!important;padding:0 6px!important;background:#222!important;color:#fff!important;border:1px solid #666!important;border-radius:4px!important;text-align:center!important;font-size:14px!important;line-height:30px!important;opacity:1!important;appearance:textfield!important;-webkit-appearance:none!important}@media(max-width:768px){.sat-flipbook{height:calc(100vh - 20px);min-height:420px}.satfb__toolbar{height:50px}.satfb__stage{top:50px;right:0;bottom:0;left:0}.satfb__right .satfb__first,.satfb__right .satfb__last{display:none}.satfb__thumbs{top:50px;width:170px}}.sat-flipbook-wrapper{width:100%;max-width:1250px;margin:0 auto;padding:0 20px;position:relative;z-index:99}.sat-flipbook-wrapper .sat-flipbook{width:100%;max-width:1400px;margin:0 auto}@media(min-width:1200px){.sat-flipbook-wrapper{padding-left:30px;padding-right:30px}}@media(max-width:1199px){.sat-flipbook-wrapper{padding-left:15px;padding-right:15px}}@media(max-width:768px){.sat-flipbook-wrapper{padding-left:0;padding-right:0}.sat-flipbook-wrapper .sat-flipbook{width:100%;max-width:none}}@media(max-width:768px){.satfb__thumbs.open,.satfb__thumbs{transform:translate(-100%)}}.satfb__stage{transition:padding-left .2s ease}.satfb__thumbs.open~.satfb__stage{padding-left:190px}@media(max-width:768px){.satfb__thumbs.open~.satfb__stage{padding-left:0}}.satfb__orientation{display:none!important}@media(max-width:768px){.satfb__orientation{display:inline-flex!important;align-items:center;justify-content:center}}@media(max-width:768px){.sat-flipbook{width:100%;height:auto!important;min-height:0!important;background:#3f3f3f;overflow:hidden}.satfb__toolbar{position:relative;inset:auto;width:100%;height:48px;padding:0 6px;display:flex;align-items:center;justify-content:center;gap:4px;overflow:hidden}.satfb__toolbar button{width:32px!important;min-width:32px!important;height:32px!important;padding:0!important;font-size:15px!important;line-height:32px;flex-shrink:0}.satfb__first,.satfb__last,.satfb__single,.satfb__double,.satfb__hide{display:none!important}.satfb__left{position:absolute;left:6px;display:none;gap:4px}.satfb__right{position:absolute;right:6px;display:flex;gap:4px}.satfb__orientation,.satfb__fullscreen{display:inline-flex!important;align-items:center;justify-content:center}.satfb__pager{position:absolute;left:120px;transform:translate(-50%);display:flex;align-items:center;gap:4px;white-space:nowrap;z-index:5}.satfb__pager .satfb__page{width:42px!important;min-width:42px!important;height:32px!important;padding:0!important;font-size:13px!important;text-align:center!important}.satfb__total{font-size:12px;white-space:nowrap}.satfb__stage{position:relative;inset:auto;width:100%;min-height:0;max-height:none;padding:40px 0 4px!important;display:flex;align-items:center;justify-content:center;overflow:hidden}.satfb__thumbs.open~.satfb__stage{padding-left:0!important;padding-bottom:150px!important}.satfb__book{max-width:96vw;margin:0 auto}.satfb__loading{position:absolute}.satfb__thumbs,.satfb__thumbs.open{transform:translate(-100%)}.satfb__thumbs.open{transform:translate(0)}.satfb__thumbs{top:48px;bottom:0;width:175px}}@media(max-width:768px)and (orientation:landscape){.sat-flipbook{height:100vh!important;min-height:0!important}.satfb__stage{height:calc(100vh - 48px)}}@media(max-width:768px){.satfb__thumbs,.satfb__thumbs.open{transform:translate(-100%)!important}}@media(max-width:768px){.satfb__stage{overflow:hidden!important;touch-action:none}.satfb__book{touch-action:none}.satfb__zoom{display:none!important;align-items:center;gap:3px;white-space:nowrap}.satfb__zoom button{display:inline-flex!important}}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}@media(max-width:768px){.satfb__thumbs{position:absolute!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;width:100%!important;height:105px!important;transform:translateY(100%)!important;transition:transform .25s ease!important;background:#181818!important;box-shadow:0 -5px 20px #0008!important;overflow:hidden!important;z-index:50!important}.satfb__thumbs.open{transform:translateY(0)!important}.satfb__thumb-head{height:32px!important;padding:0 8px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid #333!important}.satfb__thumb-head strong{font-size:12px!important}.satfb__thumb-close{width:28px!important;min-width:28px!important;height:28px!important;font-size:22px!important}.satfb__thumb-list{height:calc(100% - 32px)!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;padding:5px 8px!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;-webkit-overflow-scrolling:touch!important}.satfb__thumb{flex:0 0 auto!important;width:55px!important;height:62px!important;padding:2px!important;margin:0!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;border:2px solid transparent!important;border-radius:3px!important;background:#292929!important}.satfb__thumb img{width:100%!important;height:45px!important;object-fit:contain!important;display:block!important}.satfb__thumb span{height:12px!important;padding:0!important;font-size:9px!important;line-height:12px!important;text-align:center!important}.satfb__thumb.active{border-color:#fff!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/sat-flipbook.css.map */