.HtmlTutorialBook-module__yvMJbW__stage{perspective:1400px;place-items:center;width:100%;min-height:390px;display:grid}.HtmlTutorialBook-module__yvMJbW__book{width:220px;height:311px;transform-style:preserve-3d;position:relative;transform:translate(18px)}.HtmlTutorialBook-module__yvMJbW__frontCover,.HtmlTutorialBook-module__yvMJbW__backCover,.HtmlTutorialBook-module__yvMJbW__frontFace,.HtmlTutorialBook-module__yvMJbW__frontInside,.HtmlTutorialBook-module__yvMJbW__backFace,.HtmlTutorialBook-module__yvMJbW__backInside,.HtmlTutorialBook-module__yvMJbW__spine,.HtmlTutorialBook-module__yvMJbW__spineFace,.HtmlTutorialBook-module__yvMJbW__spineBack,.HtmlTutorialBook-module__yvMJbW__pages,.HtmlTutorialBook-module__yvMJbW__page{transform-style:preserve-3d;position:absolute;inset:0}.HtmlTutorialBook-module__yvMJbW__frontCover,.HtmlTutorialBook-module__yvMJbW__backCover,.HtmlTutorialBook-module__yvMJbW__page{transform-origin:0}.HtmlTutorialBook-module__yvMJbW__frontCover{z-index:30;transform:rotateY(-32deg)translateZ(8px)}.HtmlTutorialBook-module__yvMJbW__frontFace,.HtmlTutorialBook-module__yvMJbW__frontInside,.HtmlTutorialBook-module__yvMJbW__backFace,.HtmlTutorialBook-module__yvMJbW__backInside{backface-visibility:hidden;border-radius:0 4px 4px 0;overflow:hidden}.HtmlTutorialBook-module__yvMJbW__frontFace{background:#111c28;transform:translateZ(2px);box-shadow:inset 3px 0 5px #0003}.HtmlTutorialBook-module__yvMJbW__frontFace:before,.HtmlTutorialBook-module__yvMJbW__frontFace:after,.HtmlTutorialBook-module__yvMJbW__backFace:before,.HtmlTutorialBook-module__yvMJbW__backFace:after{z-index:-1;content:"";background:#0b2632;position:absolute}.HtmlTutorialBook-module__yvMJbW__frontFace:before,.HtmlTutorialBook-module__yvMJbW__backFace:before{width:4px;height:100%;top:0;right:-2px;transform:rotateY(90deg)}.HtmlTutorialBook-module__yvMJbW__frontFace:after,.HtmlTutorialBook-module__yvMJbW__backFace:after{width:100%;height:4px;bottom:-2px;right:0;transform:rotateX(90deg)}.HtmlTutorialBook-module__yvMJbW__coverImage{object-fit:cover;width:100%;height:100%;display:block}.HtmlTutorialBook-module__yvMJbW__frontInside{background:linear-gradient(90deg,#0f172a14,#0000 18%),#f8fafc;border-left:4px solid #cbd5e1;transform:rotateY(180deg)translateZ(2px)}.HtmlTutorialBook-module__yvMJbW__backCover{z-index:1;transform:rotateY(-6deg)translateZ(-9px)}.HtmlTutorialBook-module__yvMJbW__backFace{background:#122733;transform:translateZ(2px)}.HtmlTutorialBook-module__yvMJbW__backInside{background:#eef2f5;transform:rotateY(180deg)translateZ(2px)}.HtmlTutorialBook-module__yvMJbW__pages{z-index:10;width:92%;height:97%;top:1.5%;left:8%;transform:translateZ(-30px)}.HtmlTutorialBook-module__yvMJbW__page{background:repeating-linear-gradient(#0000 0 5px,#94a3b824 6px),linear-gradient(90deg,#e1ddd8 0%,#fffdf8 15%,#fff 100%);border:1px solid #d7dce2;border-left:0;border-radius:0 5px 5px 0;box-shadow:inset 0 -1px 2px #32323214,inset -1px 0 1px #64748b29}.HtmlTutorialBook-module__yvMJbW__page:first-child{transform:rotateY(-18deg)}.HtmlTutorialBook-module__yvMJbW__page:nth-child(2){transform:rotateY(-21deg)}.HtmlTutorialBook-module__yvMJbW__page:nth-child(3){transform:rotateY(-24deg)}.HtmlTutorialBook-module__yvMJbW__page:nth-child(4){transform:rotateY(-27deg)}.HtmlTutorialBook-module__yvMJbW__page:nth-child(5){transform:rotateY(-30deg)}.HtmlTutorialBook-module__yvMJbW__spine{z-index:0;width:13px;transform:rotateY(64deg)translate(-5px)translateZ(-11px)}.HtmlTutorialBook-module__yvMJbW__spineFace,.HtmlTutorialBook-module__yvMJbW__spineBack{background:linear-gradient(90deg,#071821,#00667a)}.HtmlTutorialBook-module__yvMJbW__spineFace{transform:translateZ(2px)}.HtmlTutorialBook-module__yvMJbW__spineBack{background:#08141c;transform:translateZ(-2px)}@media (max-width:640px){.HtmlTutorialBook-module__yvMJbW__stage{min-height:360px}.HtmlTutorialBook-module__yvMJbW__book{width:200px;height:283px}}