.book-story{container-type:inline-size;aspect-ratio:16/9;--k:1cqw}.book-story .bs-card{left:6%;top:8%;width:34%}.book-story .bs-book{right:4%;top:16%;width:54%}.book-story .bs-caption{font-size:calc(var(--k) * 1.55)}@media (max-width:639px){.book-story{aspect-ratio:4/5;--k:2.3cqw}.book-story .bs-card{left:8%;top:3%;width:84%;z-index:2}.book-story .bs-card .bs-photo{aspect-ratio:16/9!important}.book-story .bs-book{left:10%;right:auto;top:66%;width:80%}.book-story[data-finale] .bs-book{transform:translateY(-66%) scale(1.12)!important}.book-story .bs-caption{font-size:calc(var(--k) * 1.5);top:6%!important}}.book-story .bs-card{animation:bs-arrive .55s cubic-bezier(.2,.8,.3,1) both;rotate:var(--tilt,0deg)}.book-story .bs-avatar{animation:bs-pop .38s cubic-bezier(.2,.8,.3,1) .25s both}@keyframes bs-arrive{0%{opacity:0;transform:translate(var(--from,0,14px)) scale(.96)}to{opacity:1;transform:none}}.book-story .bs-photo{animation:bs-drop .75s cubic-bezier(.2,.8,.3,1) .25s both}.book-story .bs-line{animation:bs-type .42s ease-out both;animation-delay:calc(.9s + var(--i) * var(--step, .45s))}.book-story .bs-card[data-part=send] .bs-send{animation:bs-press .38s ease-in-out both}.book-story .bs-card[data-part=fly]{animation:bs-fly .52s cubic-bezier(.5,0,.3,1) forwards}.book-story .bs-book{opacity:0;transform:scale(.92);transition:opacity .6s ease,transform .9s cubic-bezier(.2,.8,.3,1)}.book-story .bs-book[data-open]{opacity:1;transform:none}.book-story .bs-page{opacity:0;transition:opacity .5s ease}.book-story .bs-page[data-on]{opacity:1}.book-story .bs-caption,.book-story .bs-p2,.book-story .bs-p3{opacity:0}.book-story[data-finale] .bs-book{transform:translate(-35%,10%) scale(1.3);transition:transform 1s cubic-bezier(.45,0,.25,1),opacity .6s ease}.book-story .bs-p2,.book-story .bs-p3{transition:opacity .5s ease,clip-path .7s ease}.book-story .bs-p2[data-on]{opacity:1}.book-story .bs-p3{clip-path:polygon(0 0,50% 0,50% 0,50% 0,50% 100%,0 100%)}.book-story .bs-p3[data-fill="1"]{opacity:1;transition-delay:1.3s}.book-story .bs-p3[data-fill="2"]{opacity:1;clip-path:polygon(0 0,100% 0,100% 34.8%,50% 34.8%,50% 100%,0 100%)}.book-story .bs-p3[data-fill="3"],.book-story[data-finale] .bs-p3{opacity:1;clip-path:polygon(0 0,100% 0,100% 100%,50% 100%,50% 100%,0 100%)}.book-story[data-finale] .bs-caption{animation:bs-type .7s ease-out 1.3s both}.book-story .bs-upload{animation:bs-press .42s ease-in-out .45s both}.book-story .bs-thumb{animation:bs-pop .38s cubic-bezier(.2,.8,.3,1) both;animation-delay:calc(.9s + var(--i) * .17s)}.book-story .bs-mini,.book-story .bs-thumb[data-captioned]{--ring:0 0 0 calc(var(--k) * .28) #3FBF9F}.book-story .bs-thumb[data-captioned]{animation:bs-pop .38s cubic-bezier(.2,.8,.3,1) calc(.9s + var(--i) * .17s) both,bs-ring .45s ease-out 1.5s both}.book-story .bs-mini{box-shadow:var(--ring)}@keyframes bs-ring{0%{box-shadow:0 0 0 0 rgba(63,191,159,0)}to{box-shadow:var(--ring)}}.book-story .bs-field{animation:bs-type .3s ease-out 1.6s both;display:block;min-height:1.5em}.book-story .bs-typed{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;animation:bs-typing .9s steps(24) 1.9s both}.book-story .bs-chapter{display:inline-block;border-radius:4px;padding:0 .3em;animation:bs-chosen .7s ease-out 3.3s both}@keyframes bs-chosen{0%{opacity:0;background:rgba(63,191,159,0)}50%{opacity:1;background:rgba(63,191,159,.35)}to{opacity:1;background:rgba(63,191,159,.15)}}@keyframes bs-typing{0%{max-width:0}to{max-width:100%}}@keyframes bs-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes bs-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes bs-drop{0%{opacity:0;transform:translateY(-40px) rotate(-6deg) scale(1.08)}70%{opacity:1;transform:translateY(3px) rotate(.8deg)}to{opacity:1;transform:none}}@keyframes bs-type{0%{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}}@keyframes bs-press{0%,to{transform:none;box-shadow:0 0 0 0 rgba(63,191,159,0)}45%{transform:scale(.9);box-shadow:0 0 0 8px rgba(63,191,159,.45)}}@keyframes bs-fly{0%{opacity:1;transform:none}to{opacity:0;transform:translate(150%,10%) scale(.3) rotate(4deg)}}@keyframes bs-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.book-story *{animation:none!important;transition:none!important}.book-story[data-finale] .bs-caption,.book-story[data-finale] .bs-p3{opacity:1;clip-path:none}}[data-settle=ready] [data-settle-item]{opacity:0;transform:translate3d(-18px,-150px,0) rotate(-11deg) scale(1.12)}[data-settle=in] [data-settle-item]{animation:settle-drop 1.5s cubic-bezier(.2,.75,.25,1) both;animation-delay:var(--d,0s)}@keyframes settle-drop{0%{opacity:0;transform:translate3d(-18px,-150px,0) rotate(-11deg) scale(1.12)}15%{opacity:1}62%{transform:translate3d(0,6px,0) rotate(1.4deg) scale(1)}80%{transform:translate3d(0,-3px,0) rotate(-.6deg) scale(1)}92%{transform:translate3d(0,1px,0) rotate(.2deg) scale(1)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){[data-settle] [data-settle-item]{opacity:1!important;transform:none!important;animation:none!important}}