html[data-site=motiontransfer]{--background:#f4f5f3;--foreground:#202320;--card:#ffffff;--card-foreground:#202320;--popover:#ffffff;--popover-foreground:#202320;--primary:#29342b;--primary-foreground:#ffffff;--secondary:#e9ece7;--secondary-foreground:#202320;--muted:#eceeea;--muted-foreground:#697068;--accent:#e3f38b;--accent-foreground:#202320;--destructive:#b52828;--destructive-foreground:#ffffff;--border:#dce0d8;--input:#dce0d8;--ring:#526640;--chart-1:#647d45;--chart-2:#252b27;--chart-3:#dfe99f;--chart-4:#9ba792;--chart-5:#c9cec5;--sidebar:#ecefe8;--sidebar-foreground:#343b32;--sidebar-primary:#29342b;--sidebar-primary-foreground:#ffffff;--sidebar-accent:#dfe5d8;--sidebar-accent-foreground:#202320;--sidebar-border:#dce0d8;--sidebar-ring:#526640;--motion-highlight:#e3f38b;--motion-highlight-ink:#252b1d;--motion-media:#202421;--studio-action:var(--motion-highlight);--studio-action-ink:var(--motion-highlight-ink);--font-noto-sans:"Noto Sans";--font-noto-serif:"Noto Serif";--font-noto-sans-mono:"Noto Sans Mono";--font-outfit:"Outfit Variable";--font-sans:var(--font-noto-sans),ui-sans-serif,system-ui,sans-serif;--font-serif:var(--font-noto-serif),ui-serif,Georgia,serif;--font-mono:var(--font-noto-sans-mono),ui-monospace,monospace;--font-heading:var(--font-sans);--radius:0.625rem;--shadow-2xs:0 1px 2px rgb(22 31 20/0.03);--shadow-xs:0 1px 3px rgb(22 31 20/0.04);--shadow-sm:0 2px 8px rgb(22 31 20/0.04);--shadow:0 4px 12px rgb(22 31 20/0.05);--shadow-md:0 8px 20px rgb(22 31 20/0.06);--shadow-lg:0 12px 30px rgb(22 31 20/0.08);--shadow-xl:0 20px 50px rgb(22 31 20/0.12);--shadow-2xl:0 24px 64px rgb(22 31 20/0.16)}html[data-site=motiontransfer] body{font-family:var(--font-sans)}html[data-site=motiontransfer].dark{--background:#181c19;--foreground:#f2f5ed;--card:#222822;--card-foreground:#f2f5ed;--popover:#222822;--popover-foreground:#f2f5ed;--primary:#e3f38b;--primary-foreground:#202320;--secondary:#30372d;--secondary-foreground:#f2f5ed;--muted:#272e25;--muted-foreground:#adb6a7;--accent:#3b472f;--accent-foreground:#f2f5ed;--border:#3b4337;--input:#3b4337;--ring:#e3f38b;--sidebar:#1b211b;--sidebar-foreground:#dce3d6;--sidebar-primary:#e3f38b;--sidebar-primary-foreground:#202320;--sidebar-accent:#323c2c;--sidebar-accent-foreground:#f2f5ed;--sidebar-border:#3b4337;--sidebar-ring:#e3f38b}html[data-site=motiontransfer] .motion-home-trends .motion-trends-carousel{--trend-height:240px}html[data-site=motiontransfer] .motion-home-trends .motion-trend-card{flex-basis:var(--trend-height)}html[data-site=motiontransfer] .motion-home-trends .motion-trend-card a{position:relative}html[data-site=motiontransfer] .motion-home-trends .motion-trend-cover{aspect-ratio:1;background:var(--motion-media)}html[data-site=motiontransfer] .motion-home-trends .motion-trend-copy{position:absolute;inset:auto 0 0;padding:36px 14px 14px;pointer-events:none;color:#fff;background:linear-gradient(transparent,rgb(0 0 0/78%))}html[data-site=motiontransfer] .motion-home-trends .motion-trend-copy h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:0;text-shadow:0 1px 3px rgb(0 0 0/45%)}html[data-site=motiontransfer] .motion-home-trends .motion-trend-copy svg{display:none}html[data-site=motiontransfer] .motion-home-trends .motion-trends-carousel[data-continuous=true] .motion-trends-rail{scroll-snap-type:none;scrollbar-width:none}html[data-site=motiontransfer] .motion-template[data-selected=false] .motion-template-play{display:none}html[data-site=motiontransfer] .motion-home-trends .motion-trend-card a:focus-visible video,html[data-site=motiontransfer] .motion-home-trends .motion-trend-card a:hover video{object-fit:contain}@media (max-width:640px){html[data-site=motiontransfer] .motion-home-trends .motion-trends-carousel{--trend-height:200px}}html[data-site=motiontransfer] .motion-template-grid[data-layout=masonry]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}html[data-site=motiontransfer] .motion-template-grid[data-layout=masonry][data-measured=true]{grid-auto-rows:1px;row-gap:0}html[data-site=motiontransfer] .motion-template-grid[data-layout=masonry]>div{min-width:0}@container (min-width: 560px){html[data-site=motiontransfer] .motion-template-grid[data-layout=masonry]{grid-template-columns:repeat(3,minmax(0,1fr))}}html[data-site=motiontransfer] [data-motion-page=HomePage] .motion-home-hero .motion-hero-description{max-width:56rem;text-wrap:balance}