.rp-canvas{container:canvas/size}.rp-frame{container:frame/size}.rp-paused .rp-scan,.rp-paused .rp-caret,.rp-paused .rp-pulse,.rp-paused .rp-kenburns,.rp-paused .rp-burst{animation-play-state:paused!important}@keyframes rp-in{0%{opacity:0;filter:blur(6px);transform:translateY(14px)}to{opacity:1;filter:none;transform:none}}.rp-in{animation:.7s cubic-bezier(.2,.8,.2,1) both rp-in}@keyframes rp-fade{0%{opacity:0}to{opacity:1}}.rp-fade{animation:.6s both rp-fade}@keyframes rp-swatch{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.rp-swatch{transform-origin:bottom;animation:.8s cubic-bezier(.7,0,.2,1) both rp-swatch}@keyframes rp-deal{0%{opacity:0;transform:translate(var(--dx,0), 40px) rotate(var(--rot,-6deg)) scale(.86)}to{opacity:1;transform:none}}.rp-deal{animation:.7s cubic-bezier(.2,.9,.25,1.15) both rp-deal}@keyframes rp-develop{0%{opacity:0;filter:blur(14px)saturate(0)brightness(1.6);transform:scale(1.06)}to{opacity:1;filter:none;transform:none}}.rp-develop{animation:1.1s cubic-bezier(.2,.8,.2,1) both rp-develop}@keyframes rp-pop{0%{opacity:0;transform:scale(.92)translateY(18px)}60%{opacity:1;transform:scale(1.015)}to{transform:none}}.rp-pop{animation:.7s cubic-bezier(.2,.8,.2,1) both rp-pop}@keyframes rp-scan{0%{transform:translate(-10%)}to{transform:translate(110cqw)}}.rp-scan{animation:1.6s cubic-bezier(.6,0,.4,1) infinite rp-scan}@keyframes rp-caret{50%{opacity:0}}.rp-caret{animation:.9s step-end infinite rp-caret}@keyframes rp-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in oklab, var(--rp-a) 60%, transparent)}50%{box-shadow:0 0 0 6px #0000}}.rp-pulse{animation:1.4s ease-in-out infinite rp-pulse}@keyframes rp-burst{0%{opacity:1;transform:translate(-50%,-50%)rotate(0)scale(.4)}70%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) rotate(var(--r)) scale(1)}}.rp-burst{animation:1.6s cubic-bezier(.1,.7,.2,1) both rp-burst}@keyframes rp-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.rp-draw{stroke-dasharray:1;stroke-dashoffset:1px;animation:.45s cubic-bezier(.7,0,.2,1) .1s forwards rp-draw}@keyframes rp-ring{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.rp-ring{animation:.45s cubic-bezier(.2,.9,.25,1.2) both rp-ring}@keyframes rp-kenburns{0%{transform:scale(1.02)}to{transform:scale(1.12)translateY(-2%)}}.rp-kenburns{animation:9s ease-out both rp-kenburns}.rp-beats{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--r2,5), minmax(0, 1fr));gap:2cqmin;display:grid}@container canvas (min-aspect-ratio:1){.rp-beats{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(var(--r3,3), minmax(0, 1fr))}}.rp-tiles{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4cqmin;display:grid}@container canvas (min-aspect-ratio:1){.rp-tiles{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr))}}.rp-landscape-only{display:none}@container canvas (min-aspect-ratio:1){.rp-landscape-only{display:block}.rp-portrait-only{display:none}}.rp-scrub{touch-action:none}@media (prefers-reduced-motion:reduce){.rp-in,.rp-fade,.rp-swatch,.rp-deal,.rp-develop,.rp-pop,.rp-scan,.rp-caret,.rp-pulse,.rp-burst,.rp-ring,.rp-kenburns{animation:none!important}.rp-burst{display:none}.rp-draw{stroke-dashoffset:0;animation:none}.rp-move{transition:none!important}}.rp-split{grid-template-columns:minmax(0,1fr);align-content:center;gap:4cqmin;display:grid}@container canvas (min-aspect-ratio:5/4){.rp-split{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center}}