.bb-keep{word-break:keep-all;overflow-wrap:break-word}.bb-stage{translate:0;transition:translate 1.1s ease-in-out 1.5s}.bb-stage[data-phase=done],.bb-stage[data-phase=playing]{translate:2.4%}.bb-cover{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .45s ease;will-change:opacity}.bb-cover:focus-visible{outline:2px solid #4DB39A;outline-offset:6px;border-radius:6px}.bb-pg,.dm-motion:not([data-phase=closed]) .bb-cover{opacity:0;pointer-events:none}.bb-pg{transform:translateY(6px);will-change:opacity,transform}.bb-pg-r{background:repeating-linear-gradient(0deg,transparent 0 15px,rgba(220,237,228,.9) 15px 16px)}.dm-motion[data-phase=done] .bb-pg{animation:bb-page-in .55s ease-out .05s forwards}@keyframes bb-page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.bb-tape{background:rgba(255,224,138,.75);box-shadow:0 1px 2px rgba(0,0,0,.08)}.bb-grid{stroke:#E3EEE8;stroke-width:.5}.bb-h,.bb-w{fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:200;stroke-dashoffset:200}.bb-w{stroke:#F08A8A}.bb-h{stroke:#4DB39A}.bb-h[data-on="1"],.bb-w[data-on="1"]{animation:bb-draw 1.1s ease-out .4s forwards}@keyframes bb-draw{to{stroke-dashoffset:0}}.bb-dot{opacity:0;transform-origin:center;transform-box:fill-box}.bb-dot-w{fill:#F08A8A}.bb-dot-h{fill:#4DB39A}.dm-motion[data-phase=done] .bb-dot{animation:bb-dot .3s cubic-bezier(.2,.9,.3,1.4) calc(1s + var(--i) * .2s) forwards}@keyframes bb-dot{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.bb-x{font-size:4.6px;fill:#8FA39A}.bb-hint{animation:bp-pulse 2.2s ease-in-out infinite}.bb-hero[data-open=true] .bb-hint{animation:none}.bb-shot{transition:transform .15s ease}.bb-shot:active{transform:scale(.97)}.bb[data-open=false] .bb-hero~section{display:none}.bb[data-open=true] .bb-hero~section{animation:bp-in .7s ease .2s both}@media (prefers-reduced-motion:reduce){.bb-hint,.bb[data-open=true] .bb-hero~section{animation:none!important}.bb-cover,.bb-stage{transition:none!important}.bb-h[data-on="1"],.bb-w[data-on="1"],.dm-motion[data-phase=done] .bb-dot,.dm-motion[data-phase=done] .bb-pg{animation-duration:.01s!important;animation-delay:0s!important}}