.mp-reader{--lamp-room-x: calc(50% + 233px) ;--lamp-room-y:220px;min-height:100vh;min-height:100svh;position:relative;isolation:isolate;overflow-x:hidden;overflow-x:clip;display:flex;flex-direction:column;align-items:center;background:var(--ivory);box-shadow:inset 0 0 0 100vmax #09100f00;color:var(--ink);transition:box-shadow 1.05s cubic-bezier(.22,.72,.22,1)}.mp-reader:before,.mp-reader:after{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:opacity 1.05s cubic-bezier(.22,.72,.22,1)}.mp-reader:before{background:radial-gradient(ellipse 470px 410px at var(--lamp-room-x) var(--lamp-room-y),rgba(255,252,240,.32),rgba(246,226,189,.13) 46%,rgba(226,199,151,.045) 66%,transparent 82%),radial-gradient(ellipse 980px 820px at var(--lamp-room-x) var(--lamp-room-y),rgba(229,205,164,.09),transparent 74%);opacity:.56}.mp-reader:after{background:radial-gradient(ellipse 330px 290px at var(--lamp-room-x) var(--lamp-room-y),rgba(255,226,164,.5),rgba(237,173,70,.19) 44%,rgba(195,112,28,.055) 67%,transparent 82%),radial-gradient(ellipse 850px 720px at var(--lamp-room-x) var(--lamp-room-y),rgba(219,145,44,.23),rgba(172,87,22,.065) 58%,transparent 84%);opacity:0}.mp-reader[data-candlelight]{box-shadow:inset 0 0 0 100vmax #0c0906eb}.mp-reader[data-candlelight]:before{opacity:0}.mp-reader[data-candlelight]:after{opacity:1}.mp-reader .b3d{--w:224px;--h:331px;--t:21px;--book-perspective:1400px;width:var(--w);height:var(--h);perspective:var(--book-perspective);-webkit-perspective:var(--book-perspective);position:relative;flex-shrink:0}@media(max-width:640px){.mp-reader .b3d{--w:200px;--h:295px;--t:19px;--book-perspective:1250px}}@media(max-width:430px){.mp-reader .b3d{--w:168px;--h:248px;--t:16px;--book-perspective:1050px}}@media(max-width:370px){.mp-reader .b3d{--w:146px;--h:216px;--t:14px;--book-perspective:912px}}@media(max-width:330px){.mp-reader .b3d{--w:136px;--h:201px;--t:13px;--book-perspective:850px}}.mp-reader .b3d-body{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform:translateZ(22px) rotateY(-26deg);transition:transform .56s cubic-bezier(.22,.78,.22,1)}.mp-reader .b3d-front,.mp-reader .b3d-back{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--cvbg,#F5EFE1)}.mp-reader .b3d-front{transform:translateZ(calc(var(--t)/2));box-shadow:inset 3px 0 6px -3px #00000073}.mp-reader .b3d-back{transform:rotateY(180deg) translateZ(calc(var(--t)/2));box-shadow:inset -3px 0 6px -3px #00000052}.mp-reader .b3d-front img,.mp-reader .b3d-back img{width:100%;height:100%;object-fit:cover;display:block}.mp-reader .b3d-front:before,.mp-reader .b3d-back:before,.mp-reader .b3d-front:after,.mp-reader .b3d-back:after,.mp-reader .b3d-spine:after,.mp-reader .b3d-pages:after,.mp-reader .b3d-top:before,.mp-reader .b3d-top:after,.mp-reader .b3d-bottom:before,.mp-reader .b3d-bottom:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:opacity 1.05s cubic-bezier(.22,.72,.22,1)}.mp-reader .b3d-front:before,.mp-reader .b3d-back:before{z-index:2;background:var(--surface-room-map);opacity:1}.mp-reader .b3d-front:after,.mp-reader .b3d-back:after{z-index:3;background:var(--surface-candle-map);opacity:0}.mp-reader .b3d-front:before,.mp-reader .b3d-front:after{background-size:200% 100%;background-position:right top;background-repeat:no-repeat}.mp-reader .b3d-back:before,.mp-reader .b3d-back:after{background-size:200% 100%;background-position:left top;background-repeat:no-repeat}.mp-reader .b3d-spine:after,.mp-reader .b3d-pages:after{z-index:3;opacity:.16}.mp-reader .b3d-spine:after{background:linear-gradient(180deg,#ffd28014,#0a0c093d 52%,#0407067a)}.mp-reader .b3d-pages:after{background:linear-gradient(180deg,#ffda9717,#0c0d0933 52%,#04080770)}.mp-reader .b3d-top:before,.mp-reader .b3d-bottom:before{z-index:2;opacity:1;background-size:100% 100%,100% 260%;background-repeat:no-repeat}.mp-reader .b3d-top:after,.mp-reader .b3d-bottom:after{z-index:3;opacity:0;background-size:100% 100%,100% 260%;background-repeat:no-repeat}.mp-reader .b3d-top:before{background-image:linear-gradient(90deg,rgba(35,42,35,.12),transparent 48%,rgba(255,252,237,.12)),var(--surface-room-map);background-position:center,center top}.mp-reader .b3d-bottom:before{background-image:linear-gradient(90deg,#181f1a38,#22272014 56%,#fffae80d),var(--surface-room-map);background-position:center,center bottom}.mp-reader .b3d-top:after{background-image:linear-gradient(90deg,#0307065c,#1b140b26 52%,#ffc75b21),var(--surface-candle-map);background-position:center,center top}.mp-reader .b3d-bottom:after{background-image:linear-gradient(90deg,#03070694,#080b0957 58%,#dd821f14),var(--surface-candle-map);background-position:center,center bottom}.mp-reader[data-candlelight] .b3d-front:before,.mp-reader[data-candlelight] .b3d-back:before,.mp-reader[data-candlelight] .b3d-top:before,.mp-reader[data-candlelight] .b3d-bottom:before{opacity:0}.mp-reader[data-candlelight] .b3d-front:after,.mp-reader[data-candlelight] .b3d-back:after,.mp-reader[data-candlelight] .b3d-spine:after,.mp-reader[data-candlelight] .b3d-pages:after,.mp-reader[data-candlelight] .b3d-top:after,.mp-reader[data-candlelight] .b3d-bottom:after{opacity:1}.mp-reader .b3d-spine{position:absolute;top:0;left:0;width:var(--t);height:100%;transform:translate(calc(var(--t)/-2)) rotateY(-90deg);background:var(--cvbg,#1C483B);box-shadow:inset 0 0 14px #00000047;display:flex;align-items:center;justify-content:center}.mp-reader .b3d-spine span{writing-mode:vertical-rl;font-family:var(--serif);font-size:.72rem;letter-spacing:.14em;color:var(--cvspine,#D9C289);white-space:nowrap}.mp-reader .b3d-pages{position:absolute;top:3px;right:0;width:var(--t);height:calc(100% - 6px);transform:translate(calc(var(--t)/2)) rotateY(90deg);background:linear-gradient(90deg,#f8f2e4,#e3d8c1 58%,#f4eddd)}.mp-reader .b3d-top,.mp-reader .b3d-bottom{position:absolute;left:1px;width:calc(100% - 2px);height:var(--t);overflow:hidden;transform-origin:50% 50%;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:inset 0 0 4px #2d251a33}.mp-reader .b3d-top{top:0;transform:translateY(calc(var(--t)/-2)) rotateX(90deg);background:linear-gradient(180deg,#e2d5bc 0,#f9f4e9 12%,#ece3d2,#f8f2e5 88%,#d5c6aa)}.mp-reader .b3d-bottom{bottom:0;transform:translateY(calc(var(--t)/2)) rotateX(-90deg);background:linear-gradient(180deg,#c9b99c 0,#e6dac4 14%,#d8cbb3 52%,#e9dfcd 86%,#bca98a)}.mp-reader .b3d-shadow{position:absolute;z-index:0;left:50%;top:1%;width:90%;height:98%;transform:translate(-50%) translate(-16px,18px);background:#362d1f38;border-radius:3px;filter:blur(11px);opacity:.66;transition:width .9s cubic-bezier(.22,.78,.22,1),transform .5s ease,filter .5s ease,opacity .5s ease,background-color 1.05s cubic-bezier(.22,.72,.22,1)}.mp-reader .b3d--dhikr .b3d-spine{background:url(mp-spine.jpg) center/cover}.mp-reader .b3d--dhikr .b3d-spine span{display:none}.mp-reader .wl-book .b3d{animation:wl-float 7s ease-in-out infinite}.mp-reader .wl-book .b3d-shadow{animation:wl-shade 7s ease-in-out infinite}@keyframes wl-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes wl-shade{0%,to{transform:translate(-50%) translate(-16px,18px);opacity:.66;filter:blur(11px)}50%{transform:translate(-50%) translate(-18px,21px);opacity:.56;filter:blur(13px)}}.mp-reader .wl-stage[data-state=opening] .wl-book .b3d,.mp-reader .wl-stage[data-state=open] .wl-book .b3d,.mp-reader .wl-stage[data-state=closing] .wl-book .b3d,.mp-reader .wl-stage[data-state=opening] .wl-book .b3d-shadow,.mp-reader .wl-stage[data-state=open] .wl-book .b3d-shadow,.mp-reader .wl-stage[data-state=closing] .wl-book .b3d-shadow{animation:none}.mp-reader .wl-stage[data-pose=front] .b3d-body{transform:translateZ(22px) rotateY(-26deg)}.mp-reader .wl-stage[data-pose=spine] .b3d-body{transform:translateZ(22px) rotateY(78deg)}.mp-reader .wl-stage[data-pose=back] .b3d-body{transform:translateZ(22px) rotateY(154deg)}.mp-reader .wl-stage[data-pose=front-flat] .b3d-body{transform:translateZ(0) rotateY(0)}.mp-reader .wl-stage[data-pose=back-flat] .b3d-body{transform:translateZ(0) rotateY(180deg)}.mp-reader .wl-stage[data-pose=spine] .b3d-shadow{width:21%}.mp-reader .wl-stage[data-pose=front-flat] .b3d-shadow,.mp-reader .wl-stage[data-pose=back-flat] .b3d-shadow{width:100%}.mp-reader .wl-stage[data-handoff] .b3d-body{transition-duration:.22s}.mp-reader .wl-stage[data-placement] .b3d-body,.mp-reader .wl-stage[data-lifting] .b3d-body{transform-origin:50% 50%}@media(min-width:641px){.mp-reader .b3d-body{transition-duration:.9s}.mp-reader .wl-stage[data-handoff] .b3d-body{transition-duration:.3s}}.mp-reader .wl-stage[data-pose$=-flat] .b3d-front,.mp-reader .wl-stage[data-pose$=-flat] .b3d-back{box-shadow:inset 1px 0 2px #24312917,1px 2px 3px #2431291f}.mp-reader .wl-stage[data-pose$=-flat] .b3d-shadow{transform:translate(-50%) translate(-4px,5px);filter:blur(2.4px);opacity:.68}.mp-reader .wl-stage[data-state=front] .b3d:hover .b3d-body{transform:translateZ(27px) rotateY(-19deg) translateY(-2px)}.mp-reader .wl-stage[data-state=back] .b3d:hover .b3d-body{transform:translateZ(27px) rotateY(147deg) translateY(-2px)}.mp-reader .wl-stage{--edge-pull:0px;--riffle-shadow:-2px 3px 6px rgba(49,40,29,.14);--surface-light-x:102%;--surface-light-y:-8%;--surface-room-map:radial-gradient(ellipse 175% 190% at var(--surface-light-x) var(--surface-light-y),rgba(255,253,241,.04),rgba(38,46,39,.018) 48%,rgba(24,33,27,.065) 76%,rgba(17,25,21,.12) 100%);--surface-candle-map:linear-gradient(rgba(255,166,64,.1),rgba(255,166,64,.1)),radial-gradient(ellipse 118% 145% at var(--surface-light-x) var(--surface-light-y),rgba(255,211,134,.2),rgba(255,192,96,.09) 34%,rgba(64,38,13,.1) 54%,rgba(38,22,8,.26) 76%,rgba(24,13,5,.46) 100%);position:relative;isolation:isolate;width:min(100%,500px);height:379px;display:grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.mp-reader .wl-stage:before,.mp-reader .wl-stage:after{content:"";position:absolute;z-index:30;top:-178px;right:-163px;width:360px;height:360px;border-radius:50%;pointer-events:none;transition:opacity 1.05s cubic-bezier(.22,.72,.22,1)}.mp-reader .wl-stage:before{background:radial-gradient(circle,rgba(255,252,237,.24),rgba(255,229,178,.075) 42%,transparent 72%);opacity:.12}.mp-reader .wl-stage:after{background:radial-gradient(circle,rgba(255,245,207,.62),rgba(255,199,91,.22) 38%,rgba(221,130,31,.055) 62%,transparent 74%);opacity:0}.mp-reader[data-candlelight] .wl-stage{--riffle-shadow:-3px 4px 8px rgba(18,11,5,.38)}.mp-reader[data-candlelight] .wl-stage:before{opacity:0}.mp-reader[data-candlelight] .wl-stage:after{opacity:.72}.mp-reader[data-candlelight] .b3d-shadow,.mp-reader[data-candlelight] .wlo-shadow{background:#0c0804ad}@media(max-width:640px){.mp-reader .wl-stage{height:343px}}@media(max-width:430px){.mp-reader .wl-stage{height:254px}}@media(max-width:370px){.mp-reader .wl-stage{height:222px}}@media(max-width:330px){.mp-reader .wl-stage{height:207px}}.mp-reader .wl-stage:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.mp-reader .wl-b3dpos{position:relative;z-index:2;width:-moz-fit-content;width:fit-content;transition:opacity .14s ease}.mp-reader .wl-stage[data-state=front] .wl-b3dpos,.mp-reader .wl-stage[data-state=spine] .wl-b3dpos,.mp-reader .wl-stage[data-state=back] .wl-b3dpos{cursor:grab;touch-action:none}.mp-reader .wl-stage.is-orbiting .wl-b3dpos{cursor:grabbing}.mp-reader .wl-stage.is-orbiting .b3d-body,.mp-reader .wl-stage.is-orbiting .b3d-shadow{transition:none;will-change:transform}.mp-reader .wl-stage[data-state=open]{cursor:default}.mp-reader .wl-contact{position:absolute;z-index:1;left:50%;top:50%;width:264px;height:366px;transform:translate(-50%,-50%);pointer-events:none;opacity:0}.mp-reader .wl-contact:before,.mp-reader .wl-contact:after{content:"";position:absolute;pointer-events:none;opacity:0}.mp-reader .wl-contact:before{top:-10%;right:-10%;bottom:-10%;left:-10%;border-radius:10%;background:radial-gradient(ellipse at 52% 48%,transparent 42%,rgba(59,45,27,.27) 55%,rgba(59,45,27,.09) 68%,transparent 80%);filter:blur(4px);-webkit-mask-image:linear-gradient(to bottom left,transparent 3%,rgba(0,0,0,.28) 38%,#000 72%);mask-image:linear-gradient(to bottom left,transparent 3%,rgba(0,0,0,.28) 38%,#000 72%);transform:translate(-8px,9px) scale(.9)}.mp-reader .wl-contact:after{left:50%;top:91.5%;width:96%;height:56px;border-radius:50%;background:radial-gradient(ellipse,rgba(67,48,26,.34),rgba(67,48,26,.12) 45%,transparent 74%);filter:blur(6px);transform:translate(-57%,-50%) scaleX(.78)}.mp-reader .wl-stage[data-contact] .wl-contact{opacity:1}.mp-reader .wl-stage[data-contact] .wl-contact:before{animation:wl-contact-bloom .43s cubic-bezier(.16,.72,.22,1) both}.mp-reader .wl-stage[data-contact] .wl-contact:after{animation:wl-contact-skid .4s ease-out both}.mp-reader .wl-stage[data-contact] .b3d-front,.mp-reader .wl-stage[data-contact] .b3d-back{animation:wl-cover-contact .43s ease-out both}.mp-reader[data-candlelight] .wl-contact:before{background:radial-gradient(ellipse at 52% 48%,transparent 42%,rgba(5,4,2,.58) 55%,rgba(5,4,2,.18) 68%,transparent 80%)}.mp-reader[data-candlelight] .wl-contact:after{background:radial-gradient(ellipse,rgba(4,3,2,.62),rgba(4,3,2,.2) 45%,transparent 74%)}@keyframes wl-contact-bloom{0%{opacity:0;transform:translate(-8px,9px) scale(.9)}20%{opacity:.76;transform:translate(-8px,9px) scale(.99)}to{opacity:0;transform:translate(-11px,12px) scale(1.09)}}@keyframes wl-contact-skid{0%{opacity:0;transform:translate(-57%,-50%) scaleX(.78)}16%{opacity:.72;transform:translate(-57%,-50%) scaleX(.98)}to{opacity:0;transform:translate(-62%,-50%) scaleX(1.22)}}@keyframes wl-cover-contact{16%{box-shadow:inset 1px 0 2px #2431291f,-4px 6px 8px #2d231647}}.mp-reader .wl-light-toggle{position:absolute;z-index:40;top:-15px;right:0;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(185,138,69,.38);border-radius:50%;color:var(--gold);background:#fbf7ec8a;opacity:.68;box-shadow:0 7px 18px -14px #24312973;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:opacity .3s ease,color .45s ease,background .45s ease,border-color .45s ease,box-shadow .45s ease,transform .3s ease}.mp-reader .wl-light-toggle:before{content:"";position:absolute;top:-11px;right:-11px;bottom:-11px;left:-11px;border-radius:50%;background:radial-gradient(circle,rgba(255,220,142,.34),rgba(234,168,61,.12) 42%,transparent 72%);opacity:0;transform:scale(.75);pointer-events:none;transition:opacity .5s ease,transform .5s ease}.mp-reader .wl-light-toggle:hover{opacity:1;transform:translateY(-1px)}.mp-reader .wl-light-toggle svg{position:relative;z-index:1;width:17px;height:17px;overflow:visible}.mp-reader .wl-light-toggle .wl-light-flame{fill:transparent;transition:fill .45s ease}.mp-reader[data-candlelight] .wl-light-toggle{opacity:1;color:#a96f24;border-color:#b98a45b3;background:#ffedc2c7;box-shadow:0 8px 24px -12px #b9701f9e,0 0 18px #ecb14929}.mp-reader[data-candlelight] .wl-light-toggle:before{opacity:1;transform:scale(1);animation:wl-candle-icon-glow 4.6s ease-in-out infinite}.mp-reader[data-candlelight] .wl-light-toggle .wl-light-flame{fill:currentColor;transform-box:fill-box;transform-origin:50% 100%;animation:wl-candle-flame 3.8s ease-in-out infinite}@keyframes wl-candle-icon-glow{0%,to{opacity:.82;transform:scale(.96)}46%{opacity:1;transform:scale(1.05)}72%{opacity:.88;transform:scale(1)}}@keyframes wl-candle-flame{0%,to{transform:translate(0) scale(1)}42%{transform:translate(.25px) scale(.96,1.04)}71%{transform:translate(-.2px) scale(1.03,.98)}}.mp-reader .wl-flip{position:absolute;z-index:2;left:50%;top:50%;width:448px;opacity:0;pointer-events:none;transform:translate(-50%,-50%) translate(var(--edge-pull));transition:opacity .14s ease,transform .12s ease-out;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media(max-width:640px){.mp-reader .wl-flip{width:400px}}@media(max-width:430px){.mp-reader .wl-flip{width:336px}}@media(max-width:370px){.mp-reader .wl-flip{width:292px}}@media(max-width:330px){.mp-reader .wl-flip{width:272px}}.mp-reader .wl-stage[data-flip] .wl-flip{opacity:1;pointer-events:auto}.mp-reader .wl-stage[data-flip] .wl-b3dpos{opacity:0}.mp-reader .wl-stage[aria-busy=true]:not(.is-dragging):not(.is-grabbed) .wl-flip{pointer-events:none}.mp-reader .wl-stage[data-state=open] .wl-flip{cursor:grab}.mp-reader .wl-stage.is-grabbed .wl-flip,.mp-reader .wl-stage.is-dragging .wl-flip{cursor:grabbing;transition:none}@media(min-width:641px){.mp-reader .wl-b3dpos{transition-duration:.18s}.mp-reader .wl-flip{transition-duration:.18s,.16s}}.mp-reader .wlo{--page-perspective:1600px;position:relative;width:100%;aspect-ratio:448/331;perspective:var(--page-perspective);-webkit-perspective:var(--page-perspective);perspective-origin:50% 42%;-webkit-perspective-origin:50% 42%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .4s cubic-bezier(.22,.78,.22,1);touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none}@media(max-width:640px){.mp-reader .wlo{--page-perspective:1429px}}@media(max-width:430px){.mp-reader .wlo{--page-perspective:1200px}}@media(max-width:370px){.mp-reader .wlo{--page-perspective:1043px}}@media(max-width:330px){.mp-reader .wlo{--page-perspective:971px}}.mp-reader .wl-stage[data-book-mode=front] .wlo{transform:translate(-25%)}.mp-reader .wl-stage[data-book-mode=spread] .wlo{transform:translate(0)}.mp-reader .wl-stage[data-book-mode=back] .wlo{transform:translate(25%)}.mp-reader .wlo-shadow{position:absolute;z-index:0;top:1%;right:1%;bottom:1%;left:1%;background:#362d1f2e;border-radius:5px;filter:blur(4.5px);opacity:.6;transform:translate3d(-7px,8px,-10px);transition:transform .34s cubic-bezier(.22,.78,.22,1),filter .34s ease,opacity .34s ease,background-color 1.05s cubic-bezier(.22,.72,.22,1)}@media(min-width:641px){.mp-reader .wlo,.mp-reader .wlo-shadow{transition-duration:.55s}}.mp-reader .wl-stage[data-book-mode=front] .wlo-shadow{transform:translate3d(calc(25% - 7px),8px,-10px) scaleX(.54)}.mp-reader .wl-stage[data-book-mode=back] .wlo-shadow{transform:translate3d(calc(-25% - 7px),8px,-10px) scaleX(.54)}.mp-reader .wlo-stack{position:absolute;z-index:1;top:3px;width:50%;height:calc(100% - 1px);background:linear-gradient(180deg,#faf6ec,#f1e9d8 48%,#ded2bb);border:1px solid #DDD2BC;transition:opacity .14s ease;pointer-events:none}.mp-reader .wlo-stack-l{left:-3px;border-radius:4px 0 0 5px;box-shadow:-2px 3px 4px #2431291f}.mp-reader .wlo-stack-r{right:-3px;border-radius:0 4px 5px 0;box-shadow:-1px 3px 4px #2431291f}.mp-reader .wlo-l,.mp-reader .wlo-r{position:absolute;z-index:3;top:0;width:50%;height:100%;overflow:hidden;background:#fcf8ec;border:1px solid #E5DBC4;transition:opacity .14s ease,transform .16s cubic-bezier(.2,.72,.2,1),box-shadow .16s ease;box-shadow:0 5px 10px -8px #24312959;will-change:transform}.mp-reader .wlo-l{left:0;border-radius:4px 0 0 4px;transform-origin:right center}.mp-reader .wlo-r{right:0;border-radius:0 4px 4px 0;transform-origin:left center}.mp-reader .wl-stage[data-state=open]:not([aria-busy=true])[data-hover-page=forward] .wlo-r{z-index:5;transform:translateZ(2px) rotateY(-1.8deg);box-shadow:-4px 6px 10px -7px #2431297a}.mp-reader .wl-stage[data-state=open]:not([aria-busy=true])[data-hover-page=backward] .wlo-l{z-index:5;transform:translateZ(2px) rotateY(1.8deg);box-shadow:-4px 6px 10px -7px #2431297a}.mp-reader .wl-stage.is-grabbed:not([aria-busy=true])[data-grab-direction=forward] .wlo-r{z-index:5;transform:translateZ(3px) rotateY(-2.8deg);box-shadow:-5px 7px 12px -7px #24312980}.mp-reader .wl-stage.is-grabbed:not([aria-busy=true])[data-grab-direction=backward] .wlo-l{z-index:5;transform:translateZ(3px) rotateY(2.8deg);box-shadow:-5px 7px 12px -7px #24312980}.mp-reader .wlo-l i,.mp-reader .wlo-r i,.mp-reader .wlo-leaf i{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fcf8ec;background-repeat:no-repeat;background-size:cover;background-position:center}.mp-reader .wlo-l:before,.mp-reader .wlo-r:before{content:"";position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;background:var(--noise);opacity:.018;mix-blend-mode:multiply;pointer-events:none}.mp-reader .wlo-l:after,.mp-reader .wlo-r:after{content:"";position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;pointer-events:none}.mp-reader .wlo-l:after{background:linear-gradient(270deg,rgba(36,49,41,.18),rgba(36,49,41,.055) 4%,transparent 13%)}.mp-reader .wlo-r:after{background:linear-gradient(90deg,rgba(36,49,41,.18),rgba(36,49,41,.055) 4%,transparent 13%)}.mp-reader .half-l{background-size:200% 100%!important;background-position:left center!important}.mp-reader .half-r{background-size:200% 100%!important;background-position:right center!important}.mp-reader .wlo-gutter{position:absolute;z-index:8;left:50%;top:0;width:26px;height:100%;transform:translate(-50%) translateZ(2px);background:radial-gradient(ellipse at center,rgba(36,49,41,.2),rgba(36,49,41,.08) 23%,transparent 67%);opacity:.48;pointer-events:none;transition:opacity .16s ease}.mp-reader .wlo-room-lightmap,.mp-reader .wlo-lightmap{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px;clip-path:inset(0);pointer-events:none;transition:opacity 1.05s cubic-bezier(.22,.72,.22,1),clip-path .4s cubic-bezier(.2,.72,.2,1)}.mp-reader .wlo-room-lightmap{z-index:17;background:var(--surface-room-map);opacity:1}.mp-reader .wlo-lightmap{z-index:18;background:var(--surface-candle-map);opacity:0}.mp-reader[data-candlelight] .wlo-room-lightmap{opacity:0}.mp-reader[data-candlelight] .wlo-lightmap{opacity:1}.mp-reader .wl-stage[data-book-mode=front] .wlo-room-lightmap,.mp-reader .wl-stage[data-book-mode=front] .wlo-lightmap{clip-path:inset(0 0 0 50%)}.mp-reader .wl-stage[data-book-mode=back] .wlo-room-lightmap,.mp-reader .wl-stage[data-book-mode=back] .wlo-lightmap{clip-path:inset(0 50% 0 0)}.mp-reader .wl-stage[data-book-mode=front] .wlo-l,.mp-reader .wl-stage[data-book-mode=front] .wlo-stack-l,.mp-reader .wl-stage[data-book-mode=front] .wlo-gutter,.mp-reader .wl-stage[data-book-mode=back] .wlo-r,.mp-reader .wl-stage[data-book-mode=back] .wlo-stack-r,.mp-reader .wl-stage[data-book-mode=back] .wlo-gutter{opacity:0}.mp-reader .wl-stage[data-cover-opening=front]:not([data-cover-reveal]) .wlo-l,.mp-reader .wl-stage[data-cover-opening=front]:not([data-cover-reveal]) .wlo-stack-l,.mp-reader .wl-stage[data-cover-opening=front]:not([data-cover-reveal]) .wlo-gutter{opacity:0}.mp-reader .wl-stage[data-cover-opening=back]:not([data-cover-reveal]) .wlo-r,.mp-reader .wl-stage[data-cover-opening=back]:not([data-cover-reveal]) .wlo-stack-r,.mp-reader .wl-stage[data-cover-opening=back]:not([data-cover-reveal]) .wlo-gutter{opacity:0}.mp-reader .wl-stage[data-cover-opening=front]:not([data-cover-reveal]) .wlo-room-lightmap,.mp-reader .wl-stage[data-cover-opening=front]:not([data-cover-reveal]) .wlo-lightmap{clip-path:inset(0 0 0 50%)}.mp-reader .wl-stage[data-cover-opening=back]:not([data-cover-reveal]) .wlo-room-lightmap,.mp-reader .wl-stage[data-cover-opening=back]:not([data-cover-reveal]) .wlo-lightmap{clip-path:inset(0 50% 0 0)}@media(min-width:641px){.mp-reader .wlo-room-lightmap,.mp-reader .wlo-lightmap{transition-duration:1.05s,.55s}}.mp-reader .wlo-leaf{position:absolute;z-index:22;left:50%;top:0;width:50%;height:100%;display:none;transform-origin:left center;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;will-change:transform;border-radius:0;pointer-events:none}.mp-reader .wlo-leaf.is-active{display:block}.mp-reader .wlo-leaf:not(.is-active) .lf,.mp-reader .wlo-leaf:not(.is-active) .lb{opacity:0!important}.mp-reader .wlo-leaf .lf,.mp-reader .wlo-leaf .lb{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#fcf8ec;border:1px solid #E4D9C0;border-radius:inherit;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:none;box-shadow:none}.mp-reader .wlo-leaf .lb{transform:rotateY(180deg)}.mp-reader .wlo-leaf .lf:after,.mp-reader .wlo-leaf .lb:after{content:"";position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;background:var(--surface-room-map);background-size:200% 100%;background-repeat:no-repeat;opacity:1;pointer-events:none}.mp-reader .wlo-leaf .lf:after{background-position:right top}.mp-reader .wlo-leaf .lb:after{background-position:left top}.mp-reader[data-candlelight] .wlo-leaf .lf:after,.mp-reader[data-candlelight] .wlo-leaf .lb:after{background-image:var(--surface-candle-map)}.mp-reader .wlo-leaf-light{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;border-radius:inherit;opacity:0;transition:opacity .08s linear;pointer-events:none;transform:translateZ(1px)}.mp-reader .wlo-leaf .lf .wlo-leaf-light{background:linear-gradient(90deg,rgba(36,31,24,.3),rgba(54,45,31,.12) 15%,transparent 42%,rgba(255,246,218,.11) 70%,rgba(255,224,162,.22))}.mp-reader .wlo-leaf .lb .wlo-leaf-light{background:linear-gradient(90deg,rgba(255,224,162,.22),rgba(255,246,218,.11) 30%,transparent 58%,rgba(54,45,31,.12) 85%,rgba(36,31,24,.3))}.mp-reader[data-candlelight] .wlo-leaf .lf .wlo-leaf-light{background:linear-gradient(90deg,rgba(7,9,8,.46),rgba(46,30,14,.2) 16%,transparent 42%,rgba(255,224,161,.1) 68%,rgba(255,184,63,.17))}.mp-reader[data-candlelight] .wlo-leaf .lb .wlo-leaf-light{background:linear-gradient(90deg,rgba(255,184,63,.17),rgba(255,224,161,.1) 32%,transparent 58%,rgba(46,30,14,.2) 84%,rgba(7,9,8,.46))}.mp-reader .wl-stage[data-handoff] .wlo-leaf-light{opacity:0!important}.mp-reader .wlo-riffle{position:absolute;z-index:20;top:0;right:0;bottom:0;left:0;display:none;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;pointer-events:none}.mp-reader .wl-stage[data-riffle] .wlo-riffle{display:block}.mp-reader .wlo-riffle-leaf{position:absolute;left:50%;top:0;width:50%;height:100%;transform-origin:left center;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;will-change:transform;pointer-events:none}.mp-reader .wlo-riffle-leaf.is-riffle-disabled{display:none}.mp-reader .wlo-riffle-front,.mp-reader .wlo-riffle-back{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background-color:#fcf8ec;background-repeat:no-repeat;border:0;border-radius:0 3px 3px 0;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:none}.mp-reader .wlo-riffle-back{transform:rotateY(180deg);border-radius:3px 0 0 3px}.mp-reader .wlo-riffle-front:after,.mp-reader .wlo-riffle-back:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-size:100% 100%,200% 100%;background-repeat:no-repeat;opacity:1;pointer-events:none}.mp-reader .wlo-riffle-front:after{background-image:linear-gradient(90deg,rgba(36,49,41,.12),rgba(36,49,41,.03) 12%,transparent 38%,rgba(255,246,218,.1) 78%,rgba(255,223,159,.06)),var(--surface-room-map);background-position:center,right top}.mp-reader .wlo-riffle-back:after{background-image:linear-gradient(90deg,rgba(255,223,159,.06),rgba(255,246,218,.1) 22%,transparent 62%,rgba(36,49,41,.12)),var(--surface-room-map);background-position:center,left top}.mp-reader[data-candlelight] .wlo-riffle-front:after{background-image:linear-gradient(90deg,rgba(62,42,22,.14),rgba(92,57,22,.035) 12%,transparent 38%,rgba(255,226,164,.09) 76%,rgba(255,187,67,.06)),var(--surface-candle-map)}.mp-reader[data-candlelight] .wlo-riffle-back:after{background-image:linear-gradient(90deg,rgba(255,194,83,.055),rgba(255,225,165,.085) 26%,transparent 62%,rgba(62,42,22,.13)),var(--surface-candle-map)}.mp-reader .wl-stage[data-riffle=forward] .wlo-riffle-leaf{animation:wlo-riffle-forward var(--riffle-duration,.21s) cubic-bezier(.3,.08,.22,1) var(--delay) both}.mp-reader .wl-stage[data-riffle=reverse] .wlo-riffle-leaf{animation:wlo-riffle-reverse var(--riffle-duration,.21s) cubic-bezier(.3,.08,.22,1) var(--delay) both}.mp-reader .wl-stage[data-riffle=forward] .wlo-riffle-front{animation:wlo-riffle-face-out var(--riffle-duration,.21s) cubic-bezier(.3,.08,.22,1) var(--delay) both}.mp-reader .wl-stage[data-riffle=forward] .wlo-riffle-back,.mp-reader .wl-stage[data-riffle=reverse] .wlo-riffle-front{animation:wlo-riffle-face-in var(--riffle-duration,.21s) cubic-bezier(.3,.08,.22,1) var(--delay) both}.mp-reader .wl-stage[data-riffle=reverse] .wlo-riffle-back{animation:wlo-riffle-face-out var(--riffle-duration,.21s) cubic-bezier(.3,.08,.22,1) var(--delay) both}@keyframes wlo-riffle-forward{0%{z-index:var(--source-z);transform:translateZ(0) rotate(0) rotateY(0) scaleX(1);border-radius:0}42%{transform:translateZ(var(--lift)) rotate(var(--tilt)) rotateY(-76deg) scaleX(.972);border-radius:0 8% 10% 0/0 2% 3% 0}49.9%{z-index:var(--source-z)}50%{z-index:var(--destination-z)}60%{transform:translateZ(var(--lift)) rotate(var(--tilt)) rotateY(-112deg) scaleX(.97);border-radius:0 9% 11% 0/0 3% 4% 0}to{z-index:var(--destination-z);transform:translateZ(0) rotate(0) rotateY(-179.85deg) scaleX(1);border-radius:0}}@keyframes wlo-riffle-reverse{0%{z-index:var(--source-z);transform:translateZ(0) rotate(0) rotateY(-179.85deg) scaleX(1);border-radius:0}40%{transform:translateZ(var(--lift)) rotate(var(--tilt)) rotateY(-112deg) scaleX(.97);border-radius:0 9% 11% 0/0 3% 4% 0}49.9%{z-index:var(--source-z)}50%{z-index:var(--destination-z)}58%{transform:translateZ(var(--lift)) rotate(var(--tilt)) rotateY(-76deg) scaleX(.972);border-radius:0 8% 10% 0/0 2% 3% 0}to{z-index:var(--destination-z);transform:translateZ(0) rotate(0) rotateY(0) scaleX(1);border-radius:0}}@keyframes wlo-riffle-face-out{0%{opacity:1;box-shadow:none}18%,47%{opacity:1;box-shadow:var(--riffle-shadow)}50%,to{opacity:0;box-shadow:none}}@keyframes wlo-riffle-face-in{0%,47%{opacity:0;box-shadow:none}50%,82%{opacity:1;box-shadow:var(--riffle-shadow)}to{opacity:1;box-shadow:none}}@keyframes wlo-riffle-forward-mobile{0%{z-index:var(--source-z);transform:translateZ(0) rotate(0) rotateY(0) scaleX(1)}38%{transform:translateZ(var(--lift)) rotate(var(--tilt)) rotateY(-58deg) scaleX(.986)}49.9%{z-index:var(--source-z)}50%{z-index:var(--destination-z)}55%{transform:translateZ(var(--lift)) rotate(var(--tilt)) rotateY(-104deg) scaleX(.978)}73%{transform:translateZ(var(--lift)) rotate(var(--tilt)) rotateY(-151deg) scaleX(.99)}to{z-index:var(--destination-z);transform:translateZ(0) rotate(0) rotateY(-179.85deg) scaleX(1)}}@keyframes wlo-riffle-reverse-mobile{0%{z-index:var(--source-z);transform:translateZ(0) rotate(0) rotateY(-179.85deg) scaleX(1)}27%{transform:translateZ(var(--lift)) rotate(var(--tilt)) rotateY(-151deg) scaleX(.99)}45%{transform:translateZ(var(--lift)) rotate(var(--tilt)) rotateY(-104deg) scaleX(.978)}49.9%{z-index:var(--source-z)}50%{z-index:var(--destination-z)}62%{transform:translateZ(var(--lift)) rotate(var(--tilt)) rotateY(-58deg) scaleX(.986)}to{z-index:var(--destination-z);transform:translateZ(0) rotate(0) rotateY(0) scaleX(1)}}@keyframes wlo-riffle-face-out-mobile{0%,36%{opacity:1;box-shadow:none}44%,49.9%{opacity:1;box-shadow:var(--riffle-shadow)}50%,to{opacity:0;box-shadow:none}}@keyframes wlo-riffle-face-in-mobile{0%,50%{opacity:0;box-shadow:none}50.1%,56%{opacity:1;box-shadow:var(--riffle-shadow)}64%,to{opacity:1;box-shadow:none}}@media(max-width:640px),(pointer:coarse){.mp-reader .wl-stage{--riffle-shadow:-1px 2px 4px rgba(49,40,29,.1)}.mp-reader[data-candlelight] .wl-stage{--riffle-shadow:-2px 3px 6px rgba(18,11,5,.24)}.mp-reader .wl-stage[data-state=open] .wl-flip,.mp-reader .wl-stage[data-state=open] .wlo{touch-action:none}.mp-reader .wlo-riffle-leaf{transform-origin:left 52%}.mp-reader .wl-stage[data-riffle=forward] .wlo-riffle-leaf{animation-name:wlo-riffle-forward-mobile;animation-timing-function:cubic-bezier(.3,.08,.22,1)}.mp-reader .wl-stage[data-riffle=reverse] .wlo-riffle-leaf{animation-name:wlo-riffle-reverse-mobile;animation-timing-function:cubic-bezier(.3,.08,.22,1)}.mp-reader .wl-stage[data-riffle=forward] .wlo-riffle-front{animation-name:wlo-riffle-face-out-mobile}.mp-reader .wl-stage[data-riffle=forward] .wlo-riffle-back,.mp-reader .wl-stage[data-riffle=reverse] .wlo-riffle-front{animation-name:wlo-riffle-face-in-mobile}.mp-reader .wl-stage[data-riffle=reverse] .wlo-riffle-back{animation-name:wlo-riffle-face-out-mobile}}@media(max-width:640px),(pointer:coarse){.mp-reader .wlo-leaf{border-radius:0 3% 4% 0/0 1.5% 2% 0}}@media(hover:none),(pointer:coarse){.mp-reader .wl-stage[data-state=front] .b3d:hover .b3d-body{transform:translateZ(22px) rotateY(-26deg)}.mp-reader .wl-stage[data-state=back] .b3d:hover .b3d-body{transform:translateZ(22px) rotateY(154deg)}}.mp-reader .wl-angles{display:flex;align-items:center;justify-content:center;gap:12px;margin:24px 0 14px;flex-wrap:wrap;touch-action:manipulation;-webkit-user-select:none;user-select:none}.mp-reader .wl-angles i{width:4px;height:4px;background:var(--line-gold);transform:rotate(45deg);flex-shrink:0}.mp-reader .wl-ang{font:500 .62rem/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--sage);padding:.55em 2px .5em;background:linear-gradient(var(--gold),var(--gold)) bottom left/0% 1px no-repeat;transition:background-size .35s,color .25s}.mp-reader .wl-ang:hover,.mp-reader .wl-ang.on{color:var(--green);background-size:100% 1px}@media(max-width:640px),(pointer:coarse){.mp-reader .wl-flip{visibility:hidden;transition:opacity .18s ease,transform .16s ease-out,visibility 0s linear .15s}.mp-reader .wl-stage[data-flip] .wl-flip{visibility:visible;transition:opacity .18s ease,transform .16s ease-out,visibility 0s linear 0s}.mp-reader .wl-stage.is-grabbed .wl-flip,.mp-reader .wl-stage.is-dragging .wl-flip{transition:none;visibility:visible}.mp-reader .wl-stage[data-state=front]:not([data-flip]) .wl-flip,.mp-reader .wl-stage[data-state=back]:not([data-flip]) .wl-flip,.mp-reader .wl-stage[data-state=spine]:not([data-flip]) .wl-flip{visibility:hidden}.mp-reader .wl-stage[data-cover-collapse] .wlo>*:not(.wlo-leaf),.mp-reader .wl-stage[data-handoff] .wlo>*:not(.wlo-leaf){opacity:0!important;transition:none!important}.mp-reader .wl-stage[data-cover-closing] .wlo-l,.mp-reader .wl-stage[data-cover-closing] .wlo-r,.mp-reader .wl-stage[data-cover-closing] .wlo-stack-l,.mp-reader .wl-stage[data-cover-closing] .wlo-stack-r,.mp-reader .wl-stage[data-cover-closing] .wlo-gutter{transition-duration:.05s}}@keyframes wl-intro-yaw{0%{transform:translateZ(22px) rotateY(0)}to{transform:translateZ(22px) rotateY(-26deg)}}.mp-reader .wl-stage[data-intro] .b3d-body{animation:wl-intro-yaw 1.15s cubic-bezier(.22,.78,.22,1) .45s both}
/*# sourceMappingURL=/cdn/shop/t/4/assets/mp-reader-engine.css.map */