.klas{gap:34px;display:grid}.klas-kop{font-family:var(--kop);letter-spacing:-.035em;margin:0 0 14px;font-size:clamp(26px,3vw,36px);font-weight:800}.klas-doel{background:var(--wit);border:var(--lijn);box-shadow:var(--plak-hoog);border-radius:24px;gap:16px;padding:clamp(20px,3vw,32px);display:grid}.klas-doel__kop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.klas-doel__kop h2{font-family:var(--kop);letter-spacing:-.035em;margin:0;font-size:clamp(24px,2.6vw,32px);font-weight:800}.klas-doel__getal{margin:0;font-size:18px;font-weight:700}.klas-doel__getal b{font-family:var(--kop);letter-spacing:-.05em;margin-right:8px;font-size:clamp(48px,7vw,84px)}.klas-meter{border:var(--lijn);background:var(--papier-2);background-image:repeating-linear-gradient(90deg,#0000 0 22px,#1d243314 22px 24px);border-radius:64px;height:46px;margin:18px 0 10px;position:relative}.klas-meter__vul{background:var(--v-rekenen);border-right:var(--lijn);border-radius:64px;transition:width .6s cubic-bezier(.2,.9,.3,1);position:absolute;inset:0 auto 0 0}.klas-meter i{background:var(--inkt);opacity:.25;width:2.5px;position:absolute;top:-10px;bottom:-10px}.klas-meter__raket{background:var(--oranje);border:var(--lijn);font-family:var(--kop);box-shadow:3px 3px 0 var(--inkt);white-space:nowrap;border-radius:12px;padding:3px 10px;font-size:16px;font-weight:800;transition:left .6s cubic-bezier(.2,.9,.3,1);position:absolute;top:-22px;transform:translate(-50%)}.klas-uitleg{color:var(--inkt-zacht);margin:0;font-weight:600}.klas-uitdagingen{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.uitdaging{background:var(--wit);border:var(--lijn);border-radius:var(--rond);box-shadow:var(--plak);gap:8px;padding:18px 18px 16px;display:grid;position:relative}.uitdaging h3{font-family:var(--kop);letter-spacing:-.03em;margin:0;padding-right:56px;font-size:22px;font-weight:800}.uitdaging p{color:var(--inkt-zacht);margin:0;font-weight:600;line-height:1.4}.uitdaging__balk{border:2px solid var(--inkt);background:var(--papier-2);border-radius:64px;height:16px;overflow:hidden}.uitdaging__balk div{background:var(--kleur);border-right:2px solid var(--inkt);height:100%}.uitdaging__stand{font-size:14px;font-weight:800}.uitdaging--klaar{background:var(--kleur)}.uitdaging--klaar p,.uitdaging--klaar .uitdaging__stand{color:var(--inkt)}.sticker-rond{background:var(--kleur);border:var(--lijn);width:52px;height:52px;box-shadow:3px 3px 0 var(--inkt);font-family:var(--kop);border-radius:50%;place-items:center;font-size:24px;font-weight:800;display:grid;position:absolute;top:-14px;right:14px;transform:rotate(8deg)}.stickervel{background:var(--wit);border:var(--lijn);box-shadow:var(--plak);background-image:radial-gradient(#1d24331f 1.4px,#0000 1.6px);background-size:18px 18px;border-radius:24px;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:18px;padding:22px;display:grid}.sticker{aspect-ratio:1;background:var(--kleur);border:var(--lijn);box-shadow:4px 4px 0 var(--inkt);text-align:center;transform:rotate(var(--draai,0deg));border-radius:50%;align-content:center;place-items:center;padding:10px;display:grid}.sticker b{font-family:var(--kop);letter-spacing:-.02em;font-size:15px;font-weight:800;line-height:1.05}.sticker small{opacity:.7;font-size:11px;font-weight:800}.sticker--leeg{box-shadow:none;background:0 0;border:2.5px dashed #c9bfaa}.klas-records{gap:10px;margin:0;padding:0;list-style:none;display:grid}.klas-records li{background:var(--wit);border:2px solid var(--inkt);border-radius:12px;grid-template-rows:auto auto;grid-template-columns:1fr auto;column-gap:12px;padding:10px 14px;display:grid}.klas-records span{font-weight:800}.klas-records small{color:var(--inkt-zacht);grid-row:2;font-weight:700}.klas-records b{font-family:var(--kop);grid-area:1/2/3;align-self:center;font-size:28px}.klas-privacy{color:var(--inkt-zacht);margin:0;font-size:14px;font-weight:600}.uitdaging--klaar .uitdaging__balk div{background:var(--inkt)}
