.tart{display:block;width:100%;height:100%;--tart-motion:var(--duration-art,2400ms);--tart-read:0ms;--tart-duration:calc(var(--tart-motion) + var(--tart-read));--tart-ease:var(--ease-standard,cubic-bezier(0.2,0,0,1))}.tart [data-anim]{animation-play-state:paused;animation-fill-mode:both;animation-duration:var(--tart-duration);animation-timing-function:var(--tart-ease);animation-iteration-count:infinite;animation-delay:calc(var(--tart-duration) * var(--tart-phase, 0))}.card:focus-within .tart [data-anim],.card:hover .tart [data-anim],.card[data-playing] .tart [data-anim],.tart[data-mode=loop] [data-anim],.tart[data-mode=once] [data-anim]{animation-play-state:running}.card-wrap .tart [data-anim]{animation-play-state:running}.card[data-playing=once] .tart [data-anim],.tart[data-mode=once] [data-anim]{animation-iteration-count:1}.tart .tart-final{opacity:0}.tart[data-mode=static] [data-anim]{animation:none}.tart[data-mode=static] .tart-final{opacity:1}@media (prefers-reduced-motion:reduce){.tart [data-anim]{animation:none!important}.tart .tart-final{opacity:1}}.tart--fallback [data-anim=drop]{animation-name:tart-fallback-drop}@keyframes tart-fallback-drop{0%,12%{transform:translateY(-128px);opacity:1}55%,to{transform:translateY(0);opacity:1}}