.loader{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f0f0f033;border-radius:8px;height:100%;left:0;position:fixed;top:0;width:100%;z-index:99999}.loader__top{align-items:center;display:flex;height:calc(100vh - 180px);justify-content:center;position:sticky;top:100px;width:100%}.loader__circle{animation:rotating 1s linear infinite;bottom:0;height:100px;left:0;margin:auto;position:absolute;right:0;top:0;width:100px}.loader__book{background:#df2935;border-radius:8px;box-sizing:border-box;height:140px;perspective:1000px;position:relative;width:200px}.loader__book:before{background:#f5f5f5 no-repeat;background-image:linear-gradient(#ddd 100px,transparent 0),linear-gradient(#ddd 100px,transparent 0),linear-gradient(#ddd 100px,transparent 0),linear-gradient(#ddd 100px,transparent 0),linear-gradient(#ddd 100px,transparent 0),linear-gradient(#ddd 100px,transparent 0);background-position:15px 30px,15px 60px,15px 90px,105px 30px,105px 60px,105px 90px;background-size:60px 10px;box-shadow:0 0 10px #00000040;left:10px}.loader__book:after,.loader__book:before{border-radius:8px;bottom:10px;content:"";position:absolute;right:10px;top:10px}.loader__book:after{animation:paging 1s linear infinite;background:#fff no-repeat;background-image:linear-gradient(#ddd 100px,transparent 0),linear-gradient(#ddd 100px,transparent 0),linear-gradient(#ddd 100px,transparent 0);background-position:50% 30px,50% 60px,50% 90px;background-size:60px 10px;transform:rotateY(0);transform-origin:left center;width:calc(50% - 10px)}@keyframes paging{to{transform:rotateY(-180deg)}}