flipbook-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0f0a08f7;align-items:center;justify-content:center}flipbook-modal.flipbook-modal--open{display:flex}flipbook-modal [hidden]{display:none!important}body.flipbook-modal-open{overflow:hidden}.flipbook-modal__panel{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.flipbook-modal__header{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem}.flipbook-modal__title{margin:0;color:#fff}.flipbook-modal__close{border:none;background:none;cursor:pointer;font-size:2rem;line-height:1;padding:.25rem .75rem;color:#fff}.flipbook-modal__body{position:relative;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:2rem}.flipbook-modal__status-group{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;z-index:1;pointer-events:none;color:#fff}.flipbook-modal__status-group a,.flipbook-modal__status-group button{pointer-events:auto}.flipbook-modal__status:empty{display:none}.flipbook-modal__stage-wrapper{position:relative}.flipbook-modal__stage{width:100%;height:100%}.flipbook-modal__stage-click{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex}.flipbook-modal__stage-click span{flex:1;cursor:pointer}.flipbook-modal__stage .page{background-color:#fff}.flipbook-modal__stage .page img{width:100%;height:100%;object-fit:contain}.flipbook-modal__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:3rem;height:3rem;border-radius:50%;border:none;background:#ffffffe6;color:#1c1310;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 6px #00000059}.flipbook-modal__nav:hover{background:#fff}.flipbook-modal__nav svg{width:1.25rem;height:1.25rem}.flipbook-modal__nav--prev{left:.75rem}.flipbook-modal__nav--next{right:.75rem}.resources-file-list__item{flex-wrap:wrap}.resources-file-list__actions{display:flex;gap:.75rem;flex-shrink:0}@media screen and (max-width:749px){.flipbook-modal__body{padding:1rem}.flipbook-modal__nav{width:2.5rem;height:2.5rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-flipbook.css.map */