.metrics-bento{isolation:isolate;perspective:1200px;position:relative}.metrics-bento:before{content:"";z-index:0;width:520px;height:520px;left:var(--spot-x,50%);top:var(--spot-y,50%);mix-blend-mode:screen;pointer-events:none;background:radial-gradient(circle,#f4510b21,#f4510b0b 32%,#0000 68%);border-radius:50%;transition:opacity .25s;position:absolute;transform:translate(-50%,-50%)}.metric-bento-card{z-index:1;transform-style:preserve-3d;will-change:transform;cursor:default;--glow-x:50%;--glow-y:50%;--glow-intensity:0;border-radius:16px;transition:background-color .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.metric-bento-card:before{content:"";z-index:4;border-radius:inherit;pointer-events:none;border:1px solid #da683e00;transition:border-color .22s,box-shadow .22s;position:absolute;inset:0}.metric-bento-card:after{content:"";z-index:4;border-radius:inherit;background:radial-gradient(175px circle at var(--glow-x) var(--glow-y), rgba(236,139,98,calc(var(--glow-intensity) * .78)) 0%, rgba(218,104,62,calc(var(--glow-intensity) * .68)) 34%, rgba(195,91,55,calc(var(--glow-intensity) * .38)) 58%, rgba(177,82,52,calc(var(--glow-intensity) * .13)) 74%, transparent 91%);-webkit-mask-composite:xor;pointer-events:none;filter:drop-shadow(0 0 8px rgba(218,104,62,calc(var(--glow-intensity) * .48)));padding:7px;transition:filter .18s,opacity .18s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.metric-bento-card:hover{background:#da683e09;box-shadow:inset 0 0 36px #da683e0e,0 16px 38px #00000038}.metric-bento-card:hover:before{border-color:#da683e24;box-shadow:inset 0 0 10px #da683e12}.metric-bento-card strong,.metric-bento-card span{z-index:3;position:relative;transform:translateZ(20px)}.metric-star{z-index:2;pointer-events:none;background:#f4510b;border-radius:50%;width:4px;height:4px;position:absolute;box-shadow:0 0 8px #f4510bbf}.metric-ripple{z-index:2;pointer-events:none;background:radial-gradient(circle,#f4510b59,#f4510b1f 36%,#0000 68%);border-radius:50%;width:480px;height:480px;margin:-240px 0 0 -240px;position:absolute}@media (width<=768px),(prefers-reduced-motion:reduce){.metrics-bento:before,.metric-star{display:none}.metric-bento-card{transform:none!important}}