:root{--bg:hsl(0 0% 2%)}.statistics-cards ul{height:auto;display:grid;grid-template-columns:repeat(2,1fr);list-style-type:none;padding:0;margin:0}.statistics-cards li{padding:1rem;list-style-type:none}.statistics-cards ul:after{border-radius:1rem;content:"";position:absolute;background:hsl(0 0% 10%);pointer-events:none;z-index:-2;inset:calc(var(--top) * 1px) calc(100% - (var(--right) * 1px)) calc(100% - (var(--bottom) * 1px)) calc(var(--left) * 1px);transition:inset .2s}.statistics-cards ul[data-enhanced]:hover{--active:1}.statistics-cards ul[data-enhanced]:after{opacity:var(--active,0);transition:opacity .2s,inset .2s .2s}.statistics-cards ul[data-enhanced]:hover:after{transition:opacity .2s .2s,inset .2s}@supports(anchor-name:--anchor){li:first-of-type article{anchor-name:--develop}li:nth-of-type(2) article{anchor-name:--preview}li:nth-of-type(3) article{anchor-name:--ship}li:nth-of-type(4) article{anchor-name:--profit}:root{--anchor:--develop}:root:has(li:first-of-type:hover){--anchor:--develop}:root:has(li:nth-of-type(2):hover){--anchor:--preview}:root:has(li:nth-of-type(3):hover){--anchor:--ship}:root:has(li:nth-of-type(4):hover){--anchor:--profit}ul:after{inset:anchor(var(--anchor) top) anchor(var(--anchor) right) anchor(var(--anchor) bottom) anchor(var(--anchor) left)}ul:has(li:hover){--active:1}ul:after{opacity:var(--active,0);transition:opacity .2s,inset .2s .2s}ul:hover:after{transition:opacity .2s .2s,inset .2s}article:after{content:unset;display:none}}.statistics-cards ul:not([data-enhanced]) article:after{content:"";position:absolute;inset:0;z-index:-2;background:hsl(0 0% 10%);border-radius:1rem;opacity:var(--li-active,0);transition:opacity .2s}.statistics-cards article{color:hsl(0 0% 80%);padding:1rem;gap:.5rem;position:relative;height:100%}.statistics-cards article h3{margin:0;font-weight:120}.statistics-cards article p{margin:0;text-wrap:pretty;background:linear-gradient(hsl(0 0% 80%),hsl(0 0% 50%));color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:80}.statistics-cards article svg{width:44px}.statistics-cards article svg path{stroke-width:.75;stroke:hsl(var(--hue,30) calc(var(--li-active, 0) * 60%) 60%);transition:stroke .2s}.statistics-cards li:first-of-type{--hue:30}.statistics-cards li:nth-of-type(2){--hue:280}.statistics-cards li:nth-of-type(3){--hue:210}.statistics-cards li:nth-of-type(4){--hue:120}