.brochure-component{position:relative;height:0;contain:layout;transition-property:height}.brochure-component .book{position:absolute;transition-property:transform,left,top !important;transition-behavior:allow-discrete !important;transform-origin:center;left:0;top:0}.brochure-component .paper{position:absolute;width:100%;height:100%;top:0;left:0;perspective:1500px;pointer-events:none}.brochure-component .turn-btn,.brochure-component .prev-btn,.brochure-component .next-btn{text-shadow:2px 2px 10px gray;font-size:21px;color:dimgray;z-index:10;pointer-events:all}.brochure-component .turn-btn{position:relative;top:100%;left:0;transform:translateY(-100%)}.brochure-component .next-btn,.brochure-component .prev-btn{position:absolute;bottom:0}.brochure-component .front .next-btn{right:0}.brochure-component .front .prev-btn{left:0}.brochure-component .back .next-btn{left:0;transform:scaleX(-1)}.brochure-component .back .prev-btn{right:0;transform:scaleX(-1)}.brochure-component .front{backface-visibility:hidden;z-index:1}.brochure-component .front,.brochure-component .back{background-color:rgba(0,0,0,0);position:absolute;width:100%;height:100%;top:0;left:0;transition:transform .5s;transform-origin:left}.brochure-component .p1.flipped .front,.brochure-component .p1.flipped .back{transform:rotateY(-180deg)}.brochure-component .p1.flipped .front>.front-content,.brochure-component .p1.flipped .front>.back-content,.brochure-component .p1.flipped .back>.front-content,.brochure-component .p1.flipped .back>.back-content{box-shadow:-15px 0px 20px rgba(0,0,0,.5)}.brochure-component .p2.flipped .front,.brochure-component .p2.flipped .back{transform:rotateY(180deg)}.brochure-component .p2.flipped .front>.front-content,.brochure-component .p2.flipped .front>.back-content,.brochure-component .p2.flipped .back>.front-content,.brochure-component .p2.flipped .back>.back-content{box-shadow:15px 0px 20px rgba(0,0,0,.5)}.brochure-component .p2 .front,.brochure-component .p2 .back{transform-origin:right}.brochure-component .p3 .front-content,.brochure-component .p3 .back-content{box-shadow:0px 0px 20px rgba(0,0,0,.25)}.brochure-component .front-content{backface-visibility:hidden}.brochure-component .back-content{transform:rotateY(180deg)}.brochure-component .front-content,.brochure-component .back-content{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#f1fafb;transform-origin:center;transition:transform .5s}.brochure-component .flipBook .front-content{transform:rotateY(180deg)}.brochure-component .flipBook .back-content{transform:rotateY(360deg)}.brochure-component button{border:none;background-color:rgba(0,0,0,0);cursor:pointer;padding:8px 14px;transition:transform .5s}.brochure-component button:focus{outline:none}.brochure-component button:hover i{color:#636363}.brochure-component i{font-size:50px;color:gray}.brochure-component .p1{z-index:3}.brochure-component .p2{z-index:2}.brochure-component .p3{z-index:1}.brochure-component .bottom-left-corner-flip::before{content:"";position:absolute;bottom:0%;left:0%;width:0px;height:0px;border-bottom:30px solid rgba(0,0,0,0);border-right:30px solid #eee}.brochure-component .bottom-left-corner-flip::after{content:"";position:absolute;bottom:0%;left:0%;width:0px;height:0px;border-top:30px solid #eee;border-left:30px solid #f1fafb}.brochure-component .bottom-left-corner-flip.white::after{border-left:30px solid #f5f6f6}.brochure-component .bottom-right-corner-flip::before{content:"";position:absolute;bottom:0%;right:0%;width:0px;height:0px;border-bottom:30px solid rgba(0,0,0,0);border-left:30px solid #eee}.brochure-component .bottom-right-corner-flip::after{content:"";position:absolute;bottom:0%;right:0%;width:0px;height:0px;border-top:30px solid #eee;border-right:30px solid #f5f6f6}