.lesson-art{display:block;flex:none;aspect-ratio:2;overflow:hidden;border-radius:20px;background:var(--la-ground);line-height:0;isolation:isolate}.lesson-art,.lesson-art[data-tone=sky]{--la-ground:#e0ecf4}.lesson-art[data-tone=sage]{--la-ground:#e2ecdf}.lesson-art[data-tone=butter]{--la-ground:#fbf0da}.lesson-art[data-tone=lavender]{--la-ground:#ede6f7}.lesson-art[data-tone=coral]{--la-ground:#f7e2da}.lesson-art>svg{display:block;width:100%;height:100%;overflow:hidden}.lesson-art--hero{width:min(100%,400px);margin:0 auto 28px}.lesson-art--header{width:128px;border-radius:14px}.lesson-art--reading{width:min(100%,340px);margin:0 auto 28px}.lesson-art--recap{width:160px;margin:0 auto 22px;border-radius:14px}.lesson-art .lesson-art-float{animation:lesson-art-settle .8s cubic-bezier(.2,.8,.2,1) both}.lesson-art .lesson-art-pop{transform-box:fill-box;transform-origin:center;animation:lesson-art-arrive .65s cubic-bezier(.2,.8,.2,1) .08s both}@keyframes lesson-art-settle{0%{translate:0 -6px}to{translate:0 0}}@keyframes lesson-art-arrive{0%{opacity:.3;transform:scale(.92)}to{opacity:1;transform:scale(1)}}:root[data-theme=dark] .lesson-art[data-tone=sky]{--la-ground:#bfcfdc}:root[data-theme=dark] .lesson-art[data-tone=sage]{--la-ground:#c4d2be}:root[data-theme=dark] .lesson-art[data-tone=butter]{--la-ground:#ded0ae}:root[data-theme=dark] .lesson-art[data-tone=lavender]{--la-ground:#cdc0de}:root[data-theme=dark] .lesson-art[data-tone=coral]{--la-ground:#dfc4b9}.pyf-player .pyf-intro{display:flex;align-items:center;justify-content:space-between;gap:24px}.pyf-player .pyf-intro h2{min-width:0}.pyf-player .pyf-illustrated-reading{width:100%;min-width:0}.fd-player .fd-intro .lesson-art{margin-bottom:28px}[data-motion=paused] .lesson-art *,[data-motion=paused] .lesson-art :before{animation:none!important;transition:none!important}@media (max-width:700px){.lesson-art--hero{width:min(100%,320px);margin-bottom:24px}.lesson-art--reading{width:min(100%,280px);margin-bottom:24px}.lesson-art--recap{width:128px;margin-bottom:20px}.lesson-art--header{width:88px;border-radius:11px}.pyf-player .pyf-intro{gap:16px}}@media (max-width:380px){.pyf-player .pyf-intro{flex-direction:column-reverse;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.lesson-art *{animation:none!important;transition:none!important}}