.metric-example-module__1C8HhW__figure{border:1px solid rgb(var(--co-neutral-200));background:rgb(var(--co-neutral-50));border-radius:8px;margin-block:38px;padding:32px}.metric-example-module__1C8HhW__figure h2{letter-spacing:-.035em;font-size:25px;font-weight:650;line-height:1.2}.metric-example-module__1C8HhW__figure>p{color:rgb(var(--co-neutral-600));max-width:60ch;margin-top:12px;font-size:15px;line-height:1.7}.metric-example-module__1C8HhW__calculation{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;margin-top:26px;display:grid}.metric-example-module__1C8HhW__calculation>div{min-width:0}.metric-example-module__1C8HhW__label{color:rgb(var(--co-neutral-600));font-size:13px}.metric-example-module__1C8HhW__rate{letter-spacing:-.045em;font-variant-numeric:tabular-nums;font-size:56px;font-weight:700;line-height:1.15;display:block}.metric-example-module__1C8HhW__rate span{font-size:32px}.metric-example-module__1C8HhW__control{color:rgb(var(--co-neutral-600));justify-content:space-between;align-items:center;gap:20px;margin-top:16px;font-size:13px;display:flex}.metric-example-module__1C8HhW__control strong{color:rgb(var(--co-neutral-900));font-variant-numeric:tabular-nums}.metric-example-module__1C8HhW__calculation input{width:100%;accent-color:rgb(var(--co-signal-500));cursor:pointer;margin:14px 0 0}.metric-example-module__1C8HhW__answers{grid-template-columns:repeat(14,minmax(0,1fr));gap:5px;display:grid}.metric-example-module__1C8HhW__answers span{aspect-ratio:1;background:rgb(var(--co-neutral-200));border-radius:2px}.metric-example-module__1C8HhW__answers span[data-matched=true]{background:rgb(var(--co-signal-500))}.metric-example-module__1C8HhW__figure figcaption{color:rgb(var(--co-neutral-600));margin-top:24px;font-size:12px;line-height:1.6}@media (max-width:600px){.metric-example-module__1C8HhW__figure{padding:22px}.metric-example-module__1C8HhW__calculation{grid-template-columns:1fr;gap:26px}.metric-example-module__1C8HhW__answers{max-width:320px}}