.book-style{--color:#fff;--duration:6.8s;width:32px;height:12px;position:relative;margin:32px 0 0;zoom:1.5}.book-style .inner{width:32px;height:12px;position:relative;transform-origin:2px 2px;transform:rotateZ(-90deg);-webkit-animation:book var(--duration) ease infinite;animation:book var(--duration) ease infinite}.book-style .inner .left,.book-style .inner .right{width:60px;height:4px;top:0;border-radius:2px;background:var(--color);position:absolute}.book-style .inner .left:before,.book-style .inner .right:before{content:"";width:48px;height:4px;border-radius:2px;background:inherit;position:absolute;top:-10px;left:6px}.book-style .inner .left{right:28px;transform-origin:58px 2px;transform:rotateZ(90deg);-webkit-animation:left var(--duration) ease infinite;animation:left var(--duration) ease infinite}.book-style .inner .right{left:28px;transform-origin:2px 2px;transform:rotateZ(-90deg);-webkit-animation:right var(--duration) ease infinite;animation:right var(--duration) ease infinite}.book-style .inner .middle{width:32px;height:12px;border:4px solid var(--color);border-top:0;border-radius:0 0 9px 9px;transform:translateY(2px)}.book-style ul{margin:0;padding:0;list-style:none;position:absolute;left:50%;top:0}.book-style ul li{height:4px;border-radius:2px;transform-origin:100% 2px;width:48px;right:0;top:-10px;position:absolute;background:var(--color);transform:rotateZ(0deg) translateX(-18px);-webkit-animation-duration:var(--duration);animation-duration:var(--duration);-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.book-style ul li:nth-child(0){-webkit-animation-name:page-0;animation-name:page-0}.book-style ul li:nth-child(1){-webkit-animation-name:page-1;animation-name:page-1}.book-style ul li:nth-child(2){-webkit-animation-name:page-2;animation-name:page-2}.book-style ul li:nth-child(3){-webkit-animation-name:page-3;animation-name:page-3}.book-style ul li:nth-child(4){-webkit-animation-name:page-4;animation-name:page-4}.book-style ul li:nth-child(5){-webkit-animation-name:page-5;animation-name:page-5}.book-style ul li:nth-child(6){-webkit-animation-name:page-6;animation-name:page-6}.book-style ul li:nth-child(7){-webkit-animation-name:page-7;animation-name:page-7}.book-style ul li:nth-child(8){-webkit-animation-name:page-8;animation-name:page-8}.book-style ul li:nth-child(9){-webkit-animation-name:page-9;animation-name:page-9}.book-style ul li:nth-child(10){-webkit-animation-name:page-10;animation-name:page-10}.book-style ul li:nth-child(11){-webkit-animation-name:page-11;animation-name:page-11}.book-style ul li:nth-child(12){-webkit-animation-name:page-12;animation-name:page-12}.book-style ul li:nth-child(13){-webkit-animation-name:page-13;animation-name:page-13}.book-style ul li:nth-child(14){-webkit-animation-name:page-14;animation-name:page-14}.book-style ul li:nth-child(15){-webkit-animation-name:page-15;animation-name:page-15}.book-style ul li:nth-child(16){-webkit-animation-name:page-16;animation-name:page-16}.book-style ul li:nth-child(17){-webkit-animation-name:page-17;animation-name:page-17}.book-style ul li:nth-child(18){-webkit-animation-name:page-18;animation-name:page-18}