.tl-statistieken, .tl-cookievoet { box-sizing:border-box; font:normal .875rem/1.45 system-ui,sans-serif; color:#253d37; }
.tl-statistieken { position:fixed; z-index:10000; inset:auto 0 0; margin:0!important; width:100%; max-height:50dvh; overflow:auto; display:flex; align-items:center; justify-content:center; gap:1.5rem; padding:.75rem 1.25rem; background:#fffef9; border:0; border-top:1px solid #a4b3aa; border-radius:0; box-shadow:0 -2px 8px #0000000d; text-align:left; }
.tl-statistieken[hidden] { display:none!important; }
.tl-statistieken-steam { display:block; flex:0 0 76px; width:76px; height:76px; object-fit:contain; margin:0; }
.tl-statistieken-uitleg { min-width:0; max-width:55rem; }
.tl-statistieken h2 { margin:0 0 .15rem; font:600 .9rem/1.4 system-ui,sans-serif; color:inherit; }
.tl-statistieken p { margin:0; font:inherit; color:inherit; }
.tl-statistieken a { color:#215c50; text-decoration:underline; }
.tl-statistieken .tl-statistieken-status:not(:empty) { margin-top:.35rem; }
.tl-statistieken-acties { flex-shrink:0; display:flex; flex-wrap:wrap; gap:.5rem; }
.tl-statistieken button { appearance:none; min-height:44px; padding:.5rem .85rem; border:1px solid #607c70; border-radius:.3rem; background:#f7f8f3; color:#253d37; font:500 .875rem/1.3 system-ui,sans-serif; cursor:pointer; }
.tl-statistieken [data-choice] { flex:1 1 auto; }
.tl-statistieken button:focus-visible, .tl-statistieken a:focus-visible, .tl-cookiekeuze:focus-visible { outline:3px solid #b65e16; outline-offset:3px; }
.tl-cookievoet { padding:.35rem 1rem; margin:0; text-align:center; }
.tl-cookiekeuze { position:static; appearance:none; min-height:44px; border:0; border-radius:0; box-shadow:none; background:transparent; color:inherit; font:inherit; padding:.5rem; text-decoration:underline; cursor:pointer; }
.tl-statistieken.tl-statistieken-popup { inset:auto 1rem 1rem auto; width:min(29rem,calc(100% - 2rem)); max-height:calc(100dvh - 2rem); display:grid; grid-template-columns:112px minmax(0,1fr); gap:1rem; padding:1rem; border:1px solid #a4b3aa; border-radius:.65rem; box-shadow:0 3px 18px #0002; }
.tl-statistieken-popup .tl-statistieken-steam { width:112px; height:112px; }
.tl-statistieken-popup .tl-statistieken-acties { grid-column:1/-1; justify-content:flex-end; margin:0; }
@media (max-width:640px) {
  .tl-cookievoet { padding-bottom:calc(4.25rem + env(safe-area-inset-bottom,0px)); }
  .tl-statistieken { display:grid; grid-template-columns:64px minmax(0,1fr); gap:.5rem .75rem; padding:.65rem 1rem; }
  .tl-statistieken-steam { width:64px; height:64px; }
  .tl-statistieken-acties { grid-column:1/-1; }
  .tl-statistieken.tl-statistieken-popup { grid-template-columns:76px minmax(0,1fr); gap:.65rem; }
  .tl-statistieken-popup .tl-statistieken-steam { width:76px; height:76px; }
}
@media print { .tl-statistieken, .tl-cookievoet { display:none!important; } }