*,*:after,*:before{box-sizing:border-box;transform-style:preserve-3d}:root{--bg: hsl(0 0% 0%)}html{color-scheme:dark only}body{display:grid;place-items:center;background:color-mix(in lch,canvas,canvasText 2%);min-height:100vh;font-family:sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}article{color:#ebebeb;background:linear-gradient(var(--bg),var(--bg)) padding-box,var(--gradient) border-box;border:calc(var(--border-width, 2) * 1px) solid transparent;padding:2rem;border-radius:calc(var(--border-radius, 8) * 1px);width:26ch;aspect-ratio:4 / 3;display:grid;place-items:center;text-align:center;font-size:1.5rem;font-weight:300;position:relative;transform:translateZ(0)}[data-interactive=true] article{background:linear-gradient(var(--bg),var(--bg)) padding-box,radial-gradient(100px 100px at calc(var(--x) * 1px) calc(var(--y) * 1px),red 50%,transparent) border-box,#80808080;background-blend-mode:hard-light;background-attachment:fixed;transform:none}article:not(.faux){z-index:2}p{margin:0}[data-exploded] section{transition:transform 1s}.faux{position:absolute;z-index:-1;inset:0;background:var(--gradient) border-box}[data-exploded] section{transform:rotateX(60deg) rotate(25deg)}[data-imploding] article:not(.faux),[data-exploded] article:not(.faux){background:var(--bg) padding-box}[data-exploded] article:not(.faux) p{transform:translateZ(200px)}[data-exploded] .faux{transform:translateZ(-200px)}[data-exploded] .faux,[data-exploded] article:not(.faux) p{transition:transform 1s 1.5s}[data-exploded] label{opacity:1;transition:1s 1.5s}section label{transition:1s 0s}section{transition:transform 1s 1.5s}article:not(.faux) p,.faux{transition:transform 1s 0s}section label{position:absolute;top:50%;left:calc(100% + 2rem);white-space:nowrap;color:#b3b3b3;font-size:1.5rem;translate:0 -50%;opacity:0;transform:translateZ(calc(var(--z, 0) * 1px))}section label:nth-of-type(1){--z: 200}section label:nth-of-type(3){--z: -200}div.tp-dfwv{z-index:9999}div.tp-dfwv .tp-rotv{max-height:calc(100vh - 16px);overflow:auto;border-radius:var(--bs-br)}div.tp-dfwv .tp-rotv>.tp-rotv_b{position:sticky;top:0;z-index:2;background:#45474c}