.hero h1.paste-title{font-size:clamp(48px,5.7vw,80px);line-height:1}.plain-desktop{aspect-ratio:16/10;background:linear-gradient(140deg,#1d2d40,#42616f);position:relative;container-type:inline-size;overflow:hidden}.plain-source,.plain-target{position:absolute;top:23%;width:40%;background:#edebe6;color:#252a2b;padding:3%;min-height:49%}.plain-source{left:6%}.plain-target{right:6%}.plain-source>span,.plain-target>span{font:1.5cqw 'IBM Plex Mono',monospace}.styled-copy{font:bold italic 3.3cqw Georgia,serif;color:#8b326d;text-decoration:underline;margin:13% 0}.plain-target h3{font-size:3.3cqw;margin:9% 0}.plain-result{font-size:2.6cqw;line-height:1.5;animation:plainPaste 10s infinite}.plain-target>span:last-child{display:block;margin-top:10%}.plain-state{position:absolute;bottom:8%;left:15%;right:15%;text-align:center;font-size:2cqw;color:#edebe6}.plain-state>span{animation:plainPaste 10s infinite}.plain-status{animation:plainStatus 10s infinite}.plain-demo.paused *{animation-play-state:paused!important}.plain-demo.static-demo *{animation:none!important}.plain-demo figcaption{font-size:16px}.paste-distribution{font-size:15px;line-height:1.6;color:#c3cbbf;max-width:720px}@keyframes plainPaste{0%,25%,96%,100%{opacity:0}38%,90%{opacity:1}}@keyframes plainStatus{0%,12%,96%,100%{opacity:.35}20%,90%{opacity:1}}@media(max-width:800px){.hero h1.paste-title{font-size:clamp(42px,10vw,65px)}.plain-desktop{aspect-ratio:4/3}.plain-source,.plain-target{top:20%;width:43%;padding:4%;min-height:55%}.plain-source{left:4%}.plain-target{right:4%}.plain-source>span,.plain-target>span{font-size:2.1cqw}.styled-copy{font-size:4.1cqw}.plain-target h3{font-size:4.1cqw}.plain-result{font-size:3.3cqw}.plain-state{font-size:2.8cqw;left:5%;right:5%;bottom:7%}}@media(prefers-reduced-motion:reduce){.plain-demo *{animation:none!important}}

.plain-demo.offscreen-demo *{animation-play-state:paused!important}