html.tmf-memory-leaving,html.tmf-memory-entering{overflow-x:clip}
html.tmf-memory-leaving:before,html.tmf-memory-entering:before{content:'';position:fixed;inset:0;background:#080e13;z-index:99990;pointer-events:none}
html.tmf-memory-leaving:before{animation:tmf-memory-cover 180ms ease-in forwards}
html.tmf-memory-entering:before{animation:tmf-memory-uncover 300ms ease-out both}
html.tmf-memory-leaving :is(#main,#contenido){transform-origin:50% 42%;animation:tmf-memory-out 180ms ease-in forwards;will-change:filter,transform,opacity}
html.tmf-memory-entering :is(#main,#contenido){transform-origin:50% 42%;animation:tmf-memory-in 300ms ease-out both;will-change:filter,transform,opacity}
html.tmf-memory-simple.tmf-memory-leaving :is(#main,#contenido){animation:tmf-study-out 100ms ease-in forwards}
html.tmf-memory-simple.tmf-memory-entering :is(#main,#contenido){animation:tmf-study-in 150ms ease-out both}
html.tmf-memory-simple.tmf-memory-leaving:before{animation-duration:100ms}
html.tmf-memory-simple.tmf-memory-entering:before{animation-duration:150ms}
html.tmf-lesson-change .tmf-u1-main{animation:tmf-study-in 150ms ease-out both}
@keyframes tmf-memory-cover{from{opacity:0}to{opacity:1}}
@keyframes tmf-memory-uncover{from{opacity:1}to{opacity:0}}
@keyframes tmf-memory-out{from{filter:blur(0);transform:scale(1);opacity:1}to{filter:blur(3px);transform:scale(1.012);opacity:.35}}
@keyframes tmf-memory-in{from{filter:blur(3px);transform:scale(1.008);opacity:.4}to{filter:blur(0);transform:scale(1);opacity:1}}
@keyframes tmf-study-out{from{opacity:1}to{opacity:.2}}
@keyframes tmf-study-in{from{opacity:.3}to{opacity:1}}
@media(prefers-reduced-motion:reduce){html.tmf-memory-leaving:before,html.tmf-memory-entering:before{display:none!important}html.tmf-memory-leaving :is(#main,#contenido),html.tmf-memory-entering :is(#main,#contenido),html.tmf-lesson-change .tmf-u1-main{animation:none!important;filter:none!important;transform:none!important;opacity:1!important}}
