/* C: a small paper tab hinged at the sentence end. */
.signature{display:inline-block;vertical-align:middle;width:44px;height:30px;min-height:30px;margin-left:8px;padding:0;border:0;perspective:260px;isolation:auto;transition:width .65s cubic-bezier(.22,.8,.22,1),margin-left .65s cubic-bezier(.22,.8,.22,1);font-size:11px;line-height:30px;letter-spacing:.04em;color:#fff5ed}
.signature:after{display:none}
.paper-back,.paper-flap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:1px 5px 5px 1px;white-space:nowrap}
.paper-back{color:#39352f;background:#e7dece;padding:0;font-size:11px;opacity:1;transform:translate(3px,4px);box-shadow:1px 2px 4px #472b1715;transition:transform .65s cubic-bezier(.22,.8,.22,1),background .45s}
.paper-back>span{position:absolute;bottom:-2px;line-height:16px;transition:bottom .65s cubic-bezier(.22,.8,.22,1),font-size .65s}
.chapter-4 .paper-back,.chapter-6 .paper-back{color:#f1ece4;background:#4b4844;box-shadow:1px 3px 5px #0005}
.paper-flap{inset:0 auto 0 0;width:44px;background:linear-gradient(100deg,#8e1325 0%,var(--red) 12%,var(--red) 82%,#a0182a 100%);transform-origin:2px 50%;transform:rotateY(-12deg) rotateZ(-2deg);box-shadow:2px 2px 3px #30100b18;backface-visibility:visible;transition:transform .7s cubic-bezier(.22,.8,.22,1),box-shadow .7s,border-radius .7s}
.paper-flap:before{content:'';position:absolute;left:2px;top:3px;bottom:3px;width:1px;background:#ffffff30}
.paper-flap span{transition:opacity .3s}
.signature[aria-pressed=true],.signature:focus-visible:not(.paper-dismissed){width:76px;margin-left:44px}
.signature[aria-pressed=true] .paper-flap,.signature:focus-visible:not(.paper-dismissed) .paper-flap{transform:rotateY(-148deg) rotateZ(0);box-shadow:-2px 3px 7px #30100b22;border-radius:1px 9px 6px 1px}
.signature[aria-pressed=true] .paper-flap span,.signature:focus-visible:not(.paper-dismissed) .paper-flap span{opacity:0}
.signature[aria-pressed=true] .paper-back,.signature:focus-visible:not(.paper-dismissed) .paper-back{opacity:1;transform:none}
.signature[aria-pressed=true] .paper-back>span,.signature:focus-visible:not(.paper-dismissed) .paper-back>span{bottom:7px;font-size:13px}
@media(hover:hover){
 .signature:hover:not(.paper-dismissed){width:76px;margin-left:44px}
 .signature:hover:not(.paper-dismissed) .paper-flap{transform:rotateY(-148deg);box-shadow:-2px 3px 7px #30100b22;border-radius:1px 9px 6px 1px}
 .signature:hover:not(.paper-dismissed) .paper-flap span{opacity:0}
 .signature:hover:not(.paper-dismissed) .paper-back{opacity:1;transform:none}
 .signature:hover:not(.paper-dismissed) .paper-back>span{bottom:7px;font-size:13px}
}
.signature:focus-visible{outline-offset:5px;border-radius:2px}
@media(prefers-reduced-motion:reduce){.signature,.signature *{transition:none!important}}
body.motion-paused .signature,body.motion-paused .signature *{transition:none!important}
@media print{.signature{width:76px;margin-left:8px}.paper-back{opacity:1;background:none;transform:none}.paper-flap{display:none}}