.pat-card-demo{position:absolute;inset:0;overflow:hidden;background:#fff;transition:transform .5s}.game-card:hover .pat-card-demo{transform:scale(1.03)}.pat-card-demo__scale{position:absolute;top:0;left:0;transform-origin:0 0;transform:scale(.6)}.pat-card-demo__scale:not([data-card-design-width]){right:0;bottom:0;transform:none}.pat-card-demo .tg-example__badge{display:none}.pat-card-planning{position:relative;padding:14px}.pat-card-planning__table{width:100%;margin:0;table-layout:fixed;border-collapse:collapse;border:none;font-size:13px;color:#14171e}.pat-card-planning__table td,.pat-card-planning__table th{border:1px solid #d8dbe0;padding:6px 4px;text-align:center;line-height:1.2}.pat-card-planning__table th{background:#f4f5f7;font-weight:600}.pat-card-planning__table th.pat-card-planning__period{font-size:10px;font-weight:500;padding:4px 2px}.pat-card-planning__table .pat-card-planning__name{width:92px;text-align:left;padding-left:8px;font-weight:500}.pat-card-planning__cell{font-weight:600}.pat-card-planning__cell.is-active{background:rgba(47,62,110,.16);color:#2f3e6e}.pat-card-planning__cell.is-free{background:rgba(234,179,8,.18);color:#854d0e}.pat-card-planning__cell.is-clicked{box-shadow:inset 0 0 0 2px #2f3e6e}.pat-card-planning__cell.is-correct{background:rgba(16,185,129,.2);color:#065f46}.pat-card-planning__result{position:absolute;right:14px;bottom:8px;padding:6px 14px;border-radius:999px;background:#059669;color:#fff;font-size:15px;font-weight:600;opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease}.pat-card-planning__result.is-visible{opacity:1;transform:none}.pat-card-planning__legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:11px;color:#71757e}.pat-card-planning__legend span{display:inline-flex;align-items:center;gap:6px}.pat-card-planning__legend i{width:12px;height:12px;border:1px solid #d8dbe0;border-radius:3px;background:#e9ebef}.pat-card-planning__legend i.is-active{background:rgba(47,62,110,.2);border-color:rgba(47,62,110,.4)}.pat-card-planning__legend i.is-free{background:rgba(234,179,8,.2);border-color:rgba(234,179,8,.4)}.pat-card-demo--technisch-inzicht .tg-example__ti{display:grid;grid-template-columns:9fr 11fr;align-items:center;gap:12px;padding:14px}.pat-card-demo--technisch-inzicht .tg-example__prompt{grid-column:1/-1;margin:0;padding:8px 12px;font-size:15px}.pat-card-demo--technisch-inzicht .tg-example__qfig{margin:0}.pat-card-demo--technisch-inzicht .tg-example__grid{margin:0;grid-template-columns:repeat(2,1fr);gap:8px}.pat-card-demo--technisch-inzicht .tg-example__option{padding:4px}.pat-card-demo--technisch-inzicht .tg-example__option-fig{aspect-ratio:384/304}.pat-card-demo--technisch-inzicht .tg-example__option-letter{position:absolute;top:4px;left:8px}.pat-card-demo--technisch-inzicht .tg-example__option--wide{display:none}.pat-card-demo--technisch-inzicht .tg-example__option{transition:border-color .3s ease,background-color .3s ease,box-shadow .3s ease}.pat-card-demo--technisch-inzicht .tg-example__check{transition:opacity .3s ease,transform .3s ease}.pat-card-demo--technisch-inzicht .tg-example__option:not(.is-correct) .tg-example__check{opacity:0;transform:scale(.6)}.pat-card-demo--hand-oog-voet-coordinatie .tg-example__media{height:100%;margin:0;border:0;border-radius:0}.pat-card-demo--hand-oog-voet-coordinatie .tg-example__media img{height:100%;object-fit:cover}.pat-card-demo--complexe-keuze-reactietest{background:#000}.pat-card-demo--complexe-keuze-reactietest .tg-example__mock{margin:0;border:0;border-radius:0;padding:20px 0}.pat-card-demo--ruimtelijk-inzicht .tg-example__ri{margin:0;padding:14px;grid-template-columns:7fr 13fr;align-items:center;gap:14px}.pat-card-demo--ruimtelijk-inzicht .tg-example__ri-model{order:2;max-height:none}.pat-card-demo--ruimtelijk-inzicht .tg-example__ri-views{grid-template-columns:repeat(2,1fr);gap:8px;max-width:none}.pat-card-demo--ruimtelijk-inzicht .tg-example__ri-view-label{padding:4px;font-size:12px}.pat-card-demo--ruimtelijk-inzicht .tg-example__ri-view{transition:outline-color .3s ease}.pat-card-demo--ruimtelijk-inzicht .tg-example__ri-view-label{transition:background-color .3s ease}.pat-card-demo--ruimtelijk-inzicht .tg-example__check{transition:opacity .3s ease,transform .3s ease}.pat-card-demo--ruimtelijk-inzicht .tg-example__ri-view.is-correct:not(.is-revealed){outline-color:transparent}.pat-card-demo--ruimtelijk-inzicht .tg-example__ri-view.is-correct:not(.is-revealed) .tg-example__ri-view-label{background:#3b82f6}.pat-card-demo--ruimtelijk-inzicht .tg-example__ri-view.is-correct:not(.is-revealed) .tg-example__check{opacity:0;transform:scale(.6)}.pat-card-demo--multitasking{background:linear-gradient(hsl(var(--patui-muted) / .2),hsl(var(--patui-muted) / .2)),#fff}.pat-card-demo--multitasking .tg-example__mt{margin:0;border:0;border-radius:0}.pat-card-demo--multitasking .tg-example__mt-label{display:none}