*,*:before,*:after{box-sizing:border-box}.text-container{position:fixed;top:0;left:50%;transform:translate(-50%);color:#fff;border-radius:5px;width:430px;height:430px}.text-container svg{display:block;width:100%;height:100%;max-width:100%;max-height:100%}.preview__container{margin:auto;text-align:center;border-radius:8px;padding:7rem 7rem 2rem;position:relative;background-color:var(--gradient-base-accent-2);width:100%;margin-bottom:2rem}.page{width:30vw;height:44vw;background-color:#111;float:left;margin-bottom:.5em;background-position:top center;background-size:cover;position:relative;text-align:center}.page-int{position:relative;text-align:center}.page:nth-child(odd){background-position:right top}.book .pages{width:836px;height:418px;position:relative;border-radius:4px;backface-visibility:hidden}.book .page{position:absolute;top:0;width:418px;height:418px;transform-origin:0 0;transition:transform 1.4s;backface-visibility:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#f0f0f0}@media (max-width: 480px){.book .pages{width:300px;height:150px}.book .page{width:150px;height:150px}.text-container{transform:scale(.27);left:-94%;top:-94%}}@media (min-width: 481px) and (max-width: 850px){.book .pages{width:400px;height:200px}.book .page{width:200px;height:200px}.text-container{transform:scale(.46);left:-58%;top:-58%}}@media (min-width: 851px) and (max-width: 1174px){.book .pages{width:580px;height:290px}.book .page{width:290px;height:290px}.text-container{transform:scale(.7);left:-24%;top:-24%}}@media (min-width: 2561px){.book .pages{width:1664px;height:832px}.book .page{width:832px;height:832px}}.book .page:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:#0000;transition:background .7s}.book .page:nth-child(odd){pointer-events:all;transform:rotateY(0);right:0;border-radius:0 4px 4px 0}.book .page:nth-child(odd):hover{transform:rotateY(-15deg)}.book .page:nth-child(2n){pointer-events:none;transform:rotateY(180deg);transform-origin:100% 0;left:0;border-radius:4px 0 0 4px}.book .page.flipped:nth-child(odd){pointer-events:none;transform:rotateY(-180deg)}.book .page.flipped:nth-child(2n){pointer-events:all;transform:rotateY(0)}.book .page.flipped:nth-child(2n):hover{transform:rotateY(15deg)}
/*# sourceMappingURL=/cdn/shop/t/16/assets/preview-section-main-product.css.map */