.modal-video{background:#fff;box-sizing:border-box;height:100%;margin:0 auto;opacity:0;overflow:auto;position:fixed;top:0;visibility:hidden;width:100%;z-index:-1}[dir=ltr] .modal-video{left:0}[dir=rtl] .modal-video{right:0}.modal-video[open]{opacity:1;visibility:visible;z-index:101}.modal-video__content{background-color:rgb(var(--color-background));height:100%;margin:0;overflow:auto;padding:0;position:absolute;width:100%}.modal-video__toggle{align-items:center;background-color:rgb(var(--color-background));border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.1);color:rgba(var(--color-foreground),.55);cursor:pointer;display:flex;justify-content:center;padding:1.2rem;position:fixed;top:2rem;width:4rem;z-index:2}[dir=ltr] .modal-video__toggle{margin:0 0 0 auto;right:.5rem}[dir=rtl] .modal-video__toggle{margin:0 auto 0 0;left:.5rem}@media screen and (min-width: 750px){.modal-video__toggle{top:3.5rem}[dir=ltr] .modal-video__toggle{right:4.8rem}[dir=rtl] .modal-video__toggle{left:4.8rem}}@media screen and (min-width: 990px){.modal-video__toggle{top:3rem}[dir=ltr] .modal-video__toggle{right:4.3rem}[dir=rtl] .modal-video__toggle{left:4.3rem}}.modal-video__toggle .icon{height:auto;margin:0;width:2.2rem}.modal-video__content-info{margin:0 auto;padding-top:8rem;width:calc(100% - 1rem);height:100%}@media screen and (min-width: 750px){.modal-video__content-info{padding-top:0;width:calc(100% - 9.6rem);height:80%}}@media screen and (min-width: 990px){.modal-video__content-info{height:calc(100% - 7rem);padding-top:9rem;width:calc(100% - 8.6rem)}}.modal-video__video,.modal-video__video iframe{height:100%;width:100%}.modal-video__video iframe{position:static;border:0}.flipbook{position:relative;width:100%;height:100%;transition:margin-left .25s ease-out;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flipbook>*:not(.flipbook-loader){display:none;transition:all .2s ease-in;opacity:0}#flipbook .turn-page{background:#ccc}#flipbook{position:relative;width:100%;height:600px}.page{width:100%;display:inline-block;text-align:center;position:relative}canvas{max-width:100%;height:100%}@media (min-width: 750px) and (max-width: 1499px){canvas{width:100%;max-height:600px;object-fit:contain;background:#fff}}@media (min-width: 1500px){canvas{max-width:100%;height:auto}}.flipbook .page-wrapper{box-shadow:#0003 0 0 8px}.flipbook .page img{max-width:100%;height:100%}#flipbook .even{background-image:-webkit-linear-gradient(left,#FFF 95%,#ddd 100%);background-image:-moz-linear-gradient(left,#FFF 95%,#ddd 100%);background-image:-o-linear-gradient(left,#FFF 95%,#ddd 100%);background-image:-ms-linear-gradient(left,#FFF 95%,#ddd 100%)}#flipbook .odd{background-image:-webkit-linear-gradient(right,#FFF 95%,#ddd 100%);background-image:-moz-linear-gradient(right,#FFF 95%,#ddd 100%);background-image:-o-linear-gradient(right,#FFF 95%,#ddd 100%);background-image:-ms-linear-gradient(right,#FFF 95%,#ddd 100%)}#flipbook .shadow{box-shadow:0 4px 10px #666}#flipbook .page-wrapper{box-shadow:#0003 0 0 8px}.modal__heading{font-size:2.6rem;text-align:center;position:absolute;left:0;right:0;top:2rem}.flipbook-modal .modal-video__content{overflow:hidden}.modal-video__content-info .flipbook.ready{display:flex;flex-direction:column;align-items:center;justify-content:start;opacity:1}.default-flipbook .flipbook.ready{display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:1}@media (min-width: 750px){.modal-video__content-info .flipbook.ready{display:grid;grid-template-rows:100% 1fr;align-items:center;justify-content:center;opacity:1}}.flipbook.ready>*:not(.flipbook-loader){display:block;opacity:1}.flipbook-loader{display:none;width:64px;height:64px;border:5px solid #282828;border-bottom-color:#fff;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite;position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;justify-self:center;align-self:center}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#flipbook__nav{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem 0}#flipbook__nav .button{min-width:unset;min-height:unset;padding:1rem;background:#000c}#flipbook__nav .button svg{width:20px;height:20px;color:#fff}#flipbook__nav button.prev svg{transform:rotate(180deg)}[dir=rtl] #flipbook__nav button.next svg{transform:rotate(360deg)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/flipbook.css.map */