.metrics-glitter_metricsCards__IcGRB{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:1rem}.metrics-glitter_glCard__vapzC:hover:before{opacity:0}.metrics-glitter_glCard__vapzC:hover:after{opacity:0;filter:none}.metrics-glitter_glCard__vapzC{position:relative;overflow:hidden;isolation:isolate;image-rendering:pixelate;--background:rgb(20,20,20);--background-card-content:rgba(18,18,18,0.9);--hover-darkness:0;--glitter:url(https://assets.codepen.io/13471/noise-base.png);--glitter2:url(https://assets.codepen.io/13471/noise-top.png);--ratio-x:.5;--ratio-y:.75;--light-size:180px;transition:box-shadow .2s cubic-bezier(.4,0,.2,1)}.metrics-glitter_glCard__vapzC,.metrics-glitter_glCard__vapzC:hover{box-shadow:0 0 0 1px rgba(var(--accent-rgb,139,92,246),calc(var(--edge-intensity, .12) * .65)) inset}.metrics-glitter_glCard__vapzC:hover{--hover-darkness:0}.metrics-glitter_glCard__vapzC>*{position:relative;z-index:3}.metrics-glitter_glCard__vapzC:after,.metrics-glitter_glCard__vapzC:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:inherit;transition:opacity .22s cubic-bezier(.4,0,.2,1);image-rendering:pixelate;pointer-events:none;opacity:0}.metrics-glitter_glCard__vapzC:after{--bgoffsetx:calc(3px * var(--ratio-x));--bgoffsety:calc(3px * var(--ratio-y));--pointerx:calc(100% * var(--ratio-x));--pointery:calc(100% * var(--ratio-y));inset:1px;height:calc(100% - 2px);width:calc(100% - 2px);z-index:2;filter:brightness(.95) contrast(.66);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:var(--background-card-content);background-image:linear-gradient(rgba(0,0,0,var(--hover-darkness)),rgba(0,0,0,var(--hover-darkness))),radial-gradient(var(--light-size) circle at var(--pointerx) var(--pointery),rgba(0,0,0,.75),black),radial-gradient(var(--light-size) circle at var(--pointerx) var(--pointery),#252525cc,rgb(14,14,14) calc(var(--light-size) * 1)),var(--glitter2),var(--glitter2);background-position:50%,50%,50%,calc(var(--bgoffsetx)*1) calc(var(--bgoffsety)*1);background-size:300px 300px;background-blend-mode:normal,normal,normal,color-dodge,color-dodge}.metrics-glitter_glCard__vapzC:before{z-index:1;background-image:conic-gradient(from 0deg at calc(0% + var(--mouse-x)) calc(0% + var(--mouse-y)),rgba(var(--accent-rgb,139,92,246),.4) 0,rgba(var(--accent-rgb,139,92,246),.4) 100%),radial-gradient(calc(var(--light-size) * 1.25) circle at var(--mouse-x) var(--mouse-y),rgba(var(--accent-rgb,139,92,246),.1),rgba(0,0,0,.36) 50%),radial-gradient(calc(var(--light-size) * 1.5) circle at var(--mouse-x) var(--mouse-y),transparent,rgb(33,22,44) 60%,var(--background) 120%);background-blend-mode:hue,color-dodge}.metrics-glitter_glIcon__SRIDt{transition:filter .2s cubic-bezier(.4,0,.2,1)}.metrics-glitter_glCard__vapzC:hover .metrics-glitter_glIcon__SRIDt{filter:drop-shadow(0 0 6px currentColor) drop-shadow(0 0 10px currentColor)}.metrics-glitter_glitter__HFhGG{position:absolute;width:1px;height:1px;opacity:0}:root{--hue:223;--sat:10%;--bg:hsl(var(--hue),var(--sat),90%);--fg:hsl(var(--hue),var(--sat),10%);--primary:hsl(var(--hue),90%,50%);--green:hsl(150,90%,40%);--red:hsl(0,90%,50%);--purple:hsl(270,90%,60%);--white:hsl(0,0%,100%);--light-gray1:hsl(var(--hue),var(--sat),85%);--light-gray2:hsl(var(--hue),var(--sat),65%);--dark-gray1:hsl(var(--hue),var(--sat),35%);--dark-gray2:hsl(var(--hue),var(--sat),15%);--check-bubble:var(--light-gray1);--check-outline:var(--light-gray2);--trans-dur:0.3s}.check{overflow:visible;pointer-events:none;width:7.5em;height:auto}.check circle,.check polygon{transition:fill var(--trans-dur),stroke var(--trans-dur)}.check__move-fade,.check__scale-in,.check__scale-out,.check__stroke-offset{animation-duration:1s;animation-timing-function:cubic-bezier(.37,0,.63,1);animation-fill-mode:forwards}.check__fade{transition:opacity var(--trans-dur)}.check__move-fade{animation-timing-function:cubic-bezier(.61,1,.88,1)}.field{position:relative;display:flex;margin:auto}.field,.field__checkbox{-webkit-tap-highlight-color:transparent}.field__checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:0;left:0;width:1px;height:1px;margin:0;border:0;padding:0;opacity:0;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;overflow:hidden}.field__checkbox:focus-visible+.field__label .check__scale-out{stroke:var(--primary)}.field__label{cursor:pointer;display:flex;gap:.5em;align-items:center}.field__checkbox:checked+.field__label .check__fade{opacity:1;transition-duration:0s}.field__checkbox:checked+.field__label .check__move-fade--1{animation-name:move-fade1}.field__checkbox:checked+.field__label .check__move-fade--2{animation-name:move-fade2}.field__checkbox:checked+.field__label .check__move-fade--3{animation-name:move-fade3}.field__checkbox:checked+.field__label .check__move-fade--4{animation-name:move-fade4}.field__checkbox:checked+.field__label .check__move-fade--5{animation-name:move-fade5}.field__checkbox:checked+.field__label .check__scale-in{transform:scale(1)}.field__checkbox:checked+.field__label .check__scale-in--1{animation-name:scale-in1}.field__checkbox:checked+.field__label .check__scale-in--2{animation-name:scale-in2}.field__checkbox:checked+.field__label .check__scale-in--3{animation-name:scale-in3}.field__checkbox:checked+.field__label .check__scale-out{animation-name:scale-out}.field__checkbox:checked+.field__label .check__stroke-offset--1{animation-name:stroke-offset1}.field__checkbox:checked+.field__label .check__stroke-offset--2{animation-name:stroke-offset2}.field__checkbox:checked+.field__label .check__stroke-offset--3{animation-name:stroke-offset3}.field__checkbox:checked+.field__label .check__stroke-offset--4{animation-name:stroke-offset4}.field__sr-only{overflow:hidden;position:absolute;width:1px;height:1px;margin:0;border:0;padding:0;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}@media (prefers-color-scheme:dark){:root{--bg:hsl(var(--hue),var(--sat),10%);--fg:hsl(var(--hue),var(--sat),90%);--check-bubble:var(--dark-gray2);--check-outline:var(--dark-gray1)}}@keyframes move-fade1{0%{animation-timing-function:step-end;opacity:0;transform:translateY(16px)}31%{opacity:1;transform:translateY(16px)}75%{opacity:1;transform:translate(0)}92.75%,to{opacity:0;transform:translate(0)}}@keyframes move-fade2{0%{animation-timing-function:step-end;opacity:0;transform:translate(22px)}35.25%{opacity:1;transform:translate(22px)}75%{opacity:1;transform:translate(0)}92.75%,to{opacity:0;transform:translate(0)}}@keyframes move-fade3{0%{animation-timing-function:step-end;opacity:0;transform:translate(-27px)}44%{opacity:1;transform:translate(-27px)}82.25%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(0)}}@keyframes move-fade4{0%{animation-timing-function:step-end;opacity:0;transform:translateY(-11px)}44%{opacity:1;transform:translateY(-11px)}82.25%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(0)}}@keyframes move-fade5{0%{animation-timing-function:step-end;opacity:0;transform:translateY(-23px)}22%{opacity:1;transform:translateY(-23px)}61.75%{opacity:1;transform:translate(0)}79.5%,to{opacity:0;transform:translate(0)}}@keyframes scale-in1{0%{transform:scale(0)}26.5%,to{transform:scale(1)}}@keyframes scale-in2{0%,13.25%{transform:scale(0)}44%{transform:scale(1.05)}48.5%,to{transform:scale(1)}}@keyframes scale-in3{0%,35.25%{transform:scale(0)}66.25%{transform:scale(1.05)}70.5%,to{transform:scale(1)}}@keyframes scale-out{0%{transform:scale(1)}31%,to{transform:scale(0)}}@keyframes stroke-offset1{0%,20.5%{stroke-dashoffset:17}41%{stroke-dashoffset:0}61.75%,to{stroke-dashoffset:-17}}@keyframes stroke-offset2{0%,29.5%{stroke-dashoffset:22.63}50%{stroke-dashoffset:0}70.5%,to{stroke-dashoffset:-22.63}}@keyframes stroke-offset3{0%,38%{stroke-dashoffset:17}58.75%{stroke-dashoffset:0}79.5%,to{stroke-dashoffset:-17}}@keyframes stroke-offset4{0%,22%{stroke-dashoffset:17}42.75%{stroke-dashoffset:0}63.25%,to{stroke-dashoffset:-17}}