.wrap-paneel{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:24px;padding:40px 20px 32px;border-radius:28px;border:1px solid rgba(255,255,255,.08);color:#fff;background:#0d0d0f;box-shadow:0 22px 60px rgba(14,15,17,.18)}@media (min-width:768px){.wrap-paneel{gap:28px;padding:56px 40px 40px;border-radius:36px}}.wrap-podium{gap:28px}.wrap-laag-kop,.wrap-podium{display:flex;flex-direction:column;align-items:center}.wrap-laag-kop{gap:14px;text-align:center}.wrap-laag-telefoon{display:block;cursor:pointer;border-radius:44px;transition:translate .16s ease}@media (hover:hover){.wrap-laag-telefoon:hover{translate:0 -2px}}.wrap-laag-telefoon:focus-visible{outline:2px solid #fff;outline-offset:6px}.wrap-laag-knop{display:flex;justify-content:center}.wrap-telefoon{position:relative;display:block;width:216px;aspect-ratio:216/444;padding:9px;border-radius:40px;background:var(--szkaart-top);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.14),0 30px 70px rgba(0,0,0,.55);text-align:left}@media (min-width:768px){.wrap-telefoon{width:244px;padding:10px;border-radius:44px}}.wrap-scherm{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:31px;background:#0b0c0e}@media (min-width:768px){.wrap-scherm{border-radius:34px}}.wrap-beeld{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:64px 18px 24px}.wrap-schaduw{position:absolute;inset:0 0 auto;height:72px;background:linear-gradient(180deg,rgba(0,0,0,.34),rgba(0,0,0,0));pointer-events:none}.wrap-eiland{position:absolute;top:9px;left:50%;width:72px;height:20px;border-radius:999px;background:#000;translate:-50% 0}.wrap-balkjes{position:absolute;top:36px;left:12px;right:12px;display:flex;gap:4px}.wrap-balkje{flex:1;height:2.5px;overflow:hidden;background:rgba(255,255,255,.32)}.wrap-balkje,.wrap-balkje-vol{display:block;border-radius:999px}.wrap-balkje-vol{height:100%;background:#fff}.wrap-voorbeeld{position:absolute;top:46px;left:12px;padding:4px 8px;border-radius:999px;background:rgba(0,0,0,.36);color:rgba(255,255,255,.88);font-size:9.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}@media (prefers-reduced-motion:no-preference){.wrap-paneel{--wrap-duur:20s}.wrap-podium{display:grid;place-items:center}.wrap-podium>*{grid-area:1/1}.wrap-laag-kop{animation:wrapKop var(--wrap-duur) cubic-bezier(.22,1,.36,1) infinite}.wrap-laag-telefoon{animation:wrapTelefoon var(--wrap-duur) cubic-bezier(.22,1,.36,1) infinite}.wrap-laag-knop{animation:wrapKnop var(--wrap-duur) cubic-bezier(.22,1,.36,1) infinite}.wrap-beeld-1{animation:wrapBeeld1 var(--wrap-duur) ease-out infinite}.wrap-beeld-2{animation:wrapBeeld2 var(--wrap-duur) ease-out infinite}.wrap-beeld-3{animation:wrapBeeld3 var(--wrap-duur) ease-out infinite}.wrap-beeld-4{animation:wrapBeeld4 var(--wrap-duur) ease-out infinite}.wrap-beeld-5{animation:wrapBeeld5 var(--wrap-duur) ease-out infinite}.wrap-podium:focus-within,.wrap-podium:focus-within *,.wrap-podium:hover,.wrap-podium:hover *{animation-play-state:paused}}@keyframes wrapKop{0%{opacity:0;transform:scale(.92)}10%,4%{opacity:1;transform:none}13%,to{opacity:0;transform:translateY(-14px)}}@keyframes wrapTelefoon{0%,12%{opacity:0;visibility:hidden;transform:translateY(40px)}16%,76%{opacity:1;visibility:visible;transform:none}80%,to{opacity:0;visibility:hidden;transform:translateY(-36px) scale(.94)}}@keyframes wrapKnop{0%,80%{opacity:0;visibility:hidden;transform:translateY(16px)}84%,96%{opacity:1;visibility:visible;transform:none}to{opacity:0;visibility:hidden;transform:none}}@keyframes wrapBeeld1{0%,25%{opacity:0}27%,to{opacity:1}}@keyframes wrapBeeld2{0%,35%{opacity:0}37%,to{opacity:1}}@keyframes wrapBeeld3{0%,45%{opacity:0}47%,to{opacity:1}}@keyframes wrapBeeld4{0%,55%{opacity:0}57%,to{opacity:1}}@keyframes wrapBeeld5{0%,65%{opacity:0}67%,to{opacity:1}}