.demo-link{--demo-border-radius:0 0 40px 0;position:relative;border-radius:var(--demo-border-radius);border:1px solid rgba(200,200,215,.35);background:var(--Dark-Background-Paper,rgba(18,18,18,1));color:rgba(245,245,246,1);overflow:hidden;transition:background .42s ease,border-color .36s ease,box-shadow .42s ease,color .3s ease}.demo-link:after,.demo-link:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;transition:opacity .5s ease,transform .9s ease}.demo-link:before{background:var(--Gradient-cyto-dark,linear-gradient(90deg,rgba(72,5,51,1) 0,rgba(21,35,77,1) 88.81%));background-size:220% 100%;opacity:0;filter:saturate(120%)}.demo-link:after{background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.15),transparent 65%);mix-blend-mode:overlay;opacity:0}.demo-link:focus-visible,.demo-link:hover{border-color:rgba(255,255,255,.55);background:var(--Dark-Background-Paper,rgba(18,18,18,1));box-shadow:0 12px 34px -10px rgba(0,0,0,.68),0 0 0 1px rgba(188,46,98,.6),inset 0 0 0 1px rgba(82,86,173,.55)}.demo-link:focus-visible:before,.demo-link:hover:before{animation:demoLinkSlide 12s linear infinite;opacity:.55;filter:brightness(1.04) saturate(140%)}.demo-link:focus-visible:after,.demo-link:hover:after{opacity:.75;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.28),rgba(255,255,255,.05) 55%,transparent 70%)}.demo-link:focus-visible:after,.demo-link:hover:after{opacity:.55}@keyframes demoLinkSlide{to{background-position:200% 0}}@media (prefers-reduced-motion:reduce){.demo-link{transition:none}.demo-link:after,.demo-link:before{transition:none;animation:none!important}}@keyframes readoutFloat{0%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-3px) scale(1.005)}70%{transform:translateY(2px) scale(.998)}}@keyframes readoutGradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animate-float-tile{animation:readoutFloat 14s ease-in-out infinite}.animate-float-mid{animation:readoutFloat 20s ease-in-out infinite}.animate-shift-gradient{background-size:180% 100%;animation:readoutGradientShift 28s linear infinite}.readout-tile-wrap{animation:fadeInScale .7s cubic-bezier(.35,.9,.4,1) both}@keyframes fadeInScale{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.animate-float-mid,.animate-float-tile,.animate-shift-gradient,.readout-tile-wrap{animation:none!important}}