.us{
  --us-rand:#E1E6EE; --us-rand-zacht:#EDF0F5;
  --us-nee:#DCE5F3;
  --us-blauw:var(--bl-blauw,#2E74F0); --us-tekst:var(--bl-tekst,#1F5FD6);
  --us-tint:#E8EFFD;
  margin:0;text-align:left;color:var(--inkt);font-family:var(--f);font-variant-numeric:tabular-nums
}
.slot .uitslagpaneel.us{width:440px;padding:22px 24px 20px;border-radius:0;border:1px solid var(--us-rand);background:#fff;
  box-shadow:0 1px 0 var(--us-rand),0 30px 60px -30px rgba(28,28,28,.14)}
.us-kop{display:flex;align-items:center;justify-content:space-between;gap:12px}
.us-titel{margin:0;font-size:15px;line-height:22px;font-weight:500;letter-spacing:-.2px;color:var(--inkt)}
.us-model{display:inline-flex;align-items:center;gap:6px;font-size:12px;line-height:16px;color:var(--n600);white-space:nowrap}
.us-model img{display:block;width:16px;height:16px}
.us-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:10px 0 0;font-size:12px;line-height:16px;color:var(--n500)}
.us-meta .vb{padding:2px 7px}
.us-held{margin-top:18px;padding-top:18px;border-top:1px solid var(--us-rand)}
.us-score{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:6px;margin:0}
.us-score .us-uitleg{margin-left:auto;align-self:flex-end;padding-bottom:3px;text-align:right}
.us-uitleg > span{display:block}
.us-getal{font-size:56px;line-height:52px;font-weight:500;letter-spacing:-2.4px;color:var(--us-tekst)}
.us-tel{display:inline-block;min-width:.58em;text-align:left}
.us-van{font-size:22px;line-height:28px;font-weight:500;letter-spacing:-.4px;color:var(--inkt)}
.us-uitleg{display:block;font-size:13px;line-height:18px;color:var(--n500)}
.us-blokjes{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:3px;margin-top:14px}
.us-blokjes i{position:relative;display:block;height:10px;box-shadow:inset 0 0 0 1px var(--us-nee)}
.us-blokjes i::before{content:"";position:absolute;inset:0;background:var(--us-nee);transform-origin:50% 100%;
  opacity:var(--v,1);transform:scaleY(var(--s,1))}
.us-blokjes i.ja::before{background:var(--us-blauw)}
.us-vragen{list-style:none;margin:18px 0 0;padding:0;border-top:1px solid var(--us-rand)}
.us-vraag{position:relative;padding:13px 0 14px;border-bottom:1px solid var(--us-rand-zacht)}
.us-vraag::after{content:"";position:absolute;left:-25px;top:12px;bottom:12px;width:2px;background:var(--us-blauw);opacity:var(--actief,0)}
.us-v{margin:0;font-size:14px;line-height:20px;font-weight:500;letter-spacing:-.1px;color:var(--inkt);text-wrap:pretty}
.us-nr{display:block;margin-bottom:2px;font-size:11px;line-height:16px;font-weight:500;letter-spacing:0;color:var(--n500)}
.us-namen{list-style:none;display:flex;flex-wrap:wrap;gap:4px 14px;margin:8px 0 0;padding:0;font-size:13px;line-height:20px;color:var(--n600)}
.us-namen li{display:inline-flex;align-items:baseline;gap:5px;white-space:nowrap}
.us-namen i{font-style:normal;font-size:11px;color:var(--n400)}
.us-namen b{font-weight:500;color:var(--us-tekst);background:var(--us-tint);padding:0 6px;margin:0 -2px 0 -1px;box-shadow:0 0 0 var(--gloed,0px) rgba(46,116,240,var(--gloed-a,0))}
.us-plek{display:inline-flex;align-items:center;gap:6px;margin:8px 0 0;padding:1px 8px;font-size:12px;line-height:18px;color:var(--us-tekst);border:1px dashed rgba(46,116,240,.45)}
.us-naast{margin-top:16px}
.us-label{margin:0;font-size:12px;line-height:16px;font-weight:500;color:var(--n500)}
.us-naast ul{list-style:none;display:flex;justify-content:space-between;gap:16px;margin:8px 0 0;padding:0}
.us-naast li{display:flex;flex-direction:column;gap:1px;min-width:0}
.us-naast b{font-size:20px;line-height:24px;font-weight:500;letter-spacing:-.4px;color:var(--inkt)}
.us-naast span{font-size:12px;line-height:16px;color:var(--n600);white-space:nowrap}
.us-bron{margin-top:16px;padding-top:12px;border-top:1px solid var(--us-rand-zacht);font-size:11px;line-height:16px;color:var(--n500)}
@media (max-width:860px){
  .slot .uitslagpaneel.us{width:100%;max-width:440px}
}
@media (max-width:640px){
  .slot .uitslagpaneel.us{max-width:none;padding:18px 16px 16px}
  .us-vraag::after{left:-17px}
  .us-naast ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .us-naast span{white-space:normal}
  .us-getal{font-size:48px;line-height:46px;letter-spacing:-2px}
  .us-blokjes{gap:2px}
}
@media (min-width:1180px){
  .slot .uitslagpaneel.us{width:600px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px;
    grid-template-areas:"kop kop" "meta meta" "held naast" "vragen vragen" "bron bron";padding:24px 28px 20px}
  .us-kop{grid-area:kop}
  .us-meta{grid-area:meta}
  .us-held{grid-area:held}
  .us-naast{grid-area:naast;margin-top:18px;padding-top:18px;border-top:1px solid var(--us-rand)}
  .us-naast ul{flex-direction:column;justify-content:flex-start;gap:0;margin-top:6px}
  .us-naast li{flex-direction:row;justify-content:space-between;align-items:baseline;gap:12px;padding:3px 0;border-bottom:1px solid var(--us-rand-zacht)}
  .us-naast li:last-child{border-bottom:0}
  .us-naast b{order:2;font-size:15px;line-height:20px}
  .us-naast span{order:1;font-size:13px;line-height:20px}
  .us-vragen{grid-area:vragen}
  .us-vraag{display:grid;grid-template-columns:minmax(0,1fr);padding:11px 0 12px}
  .us-vraag::after{left:-29px}
  .us-namen{margin-top:6px}
  .us-plek{justify-self:start;margin-top:6px}
  .us-bron{grid-area:bron}
}