.book{position:relative;container-type:inline-size;perspective:1900px;transform:rotate(-2deg);width:86%;margin-left:14%}.gpw .book .gp{transform:none;box-shadow:1px 1px #e7e1d4,2px 2px #fffdf7,3px 3px #e0d9ca,4px 4px #fffdf7,5px 5px #dad2c2,6px 6px #fffdf7,0 30px 60px #3c2d192e,0 2px 6px #3c2d191f}.book .gp:before{content:"";position:absolute;top:0;bottom:0;left:0;width:10%;background:linear-gradient(90deg,rgba(60,45,25,.14),transparent);pointer-events:none}.cov3d{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:block;padding:0;margin:0;border:0;background:none;cursor:pointer;transform-origin:0 50%;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.22,.7,.24,1),opacity .35s ease;-webkit-tap-highlight-color:transparent}.cov3d .face{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.cov3d .front{box-shadow:0 1px 2px #0000002e,6px 0 18px #00000014}.cov3d .front img,.cov3d .front svg,.cov3d .front [data-sk-cover]{display:block;width:100%;height:100%;object-fit:cover}.cov3d .front:after{content:"";position:absolute;top:0;bottom:0;left:0;width:4%;background:linear-gradient(90deg,rgba(0,0,0,.25),rgba(255,255,255,.18) 60%,transparent)}.cov3d .back{transform:rotateY(180deg);background:#efe8d8;display:grid;place-items:center;box-shadow:inset 0 0 0 10px #f6f1e6}.cov3d .ep{font:500 12cqi/1 var(--serif);color:var(--g);opacity:.3}.cov3d .ep span+span{margin-left:-.3em}.book.open .cov3d{transform:rotateY(-104deg)}.book.peek .cov3d{animation:skpeek 1.4s cubic-bezier(.3,.6,.3,1)}@keyframes skpeek{0%,to{transform:rotateY(0)}40%{transform:rotateY(-22deg)}}@media(hover:hover){.book:not(.open) .cov3d:hover{transform:rotateY(-14deg)}}.cov3d:focus-visible{outline:3px solid var(--g);outline-offset:6px}.bookhint{display:inline-flex;align-items:center;gap:10px;margin:24px 0 0 14%;padding:10px 0;border:0;background:none;cursor:pointer;font:600 16px var(--ui);color:var(--g);text-decoration:underline;text-underline-offset:4px;text-decoration-color:#2a4a2d59}.bookhint:before{content:"";width:22px;height:1.5px;background:var(--g)}.bookhint:hover{text-decoration-color:var(--g)}.route{margin-top:32px;max-width:560px;padding-top:26px;border-top:1px solid var(--stone)}.rq{font:700 16px var(--ui);margin:0 0 10px}.rbtns{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rbtn{height:52px;border:1.5px solid var(--ink);background:transparent;color:var(--ink);font:600 17px var(--ui);border-radius:2px;cursor:pointer;padding:0 8px}.rbtn[aria-pressed=true]{background:var(--g);border-color:var(--g);color:var(--iv)}.rbtn[aria-pressed=true]:before{content:"\2713  "}.rpanel{margin-top:14px;padding:20px 22px;background:var(--paper);box-shadow:0 0 0 1px var(--stone)}.rpanel p{font:400 19px/1.5 var(--serif);margin:0}.racts{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;margin-top:16px}.rwa{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 22px;border:1.5px solid var(--g);border-radius:2px;color:var(--g);background:var(--iv);font:600 17px var(--ui);text-decoration:none}.rwa:hover{background:#edf2ea}.rwa svg{width:20px;height:20px;flex:none}.rcopy{background:none;border:0;padding:12px 0;font:600 17px var(--ui);color:var(--g);text-decoration:underline;text-underline-offset:4px;cursor:pointer}.rpanel .rnote{font:600 15px/1.4 var(--ui);color:#8a3b2e;margin-top:12px}.rpanel .rsmall{font:400 16px/1.5 var(--ui);color:var(--ink2);margin-top:14px}@media(max-width:899px){.book{width:100%;margin-left:0}.book.open .cov3d{transform:rotateY(-100deg);opacity:0;pointer-events:none;transition:transform .9s cubic-bezier(.22,.7,.24,1),opacity .3s ease .55s}.bookhint{display:flex;justify-content:center;width:100%;margin:22px 0 0;min-height:48px;font-size:17px}.rbtn{font-size:16px}.rpanel{padding:18px}.rpanel p{font-size:18px}.racts{flex-direction:column;align-items:stretch;gap:4px}.rwa{width:100%}.rcopy{text-align:center}}@media(prefers-reduced-motion:reduce){.cov3d{transition:none}.book.peek .cov3d{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/sukoon-book.css.map */