.art[data-astro-cid-t6yxozb4]{z-index:1;width:var(--size-pakket-art-width);height:var(--size-pakket-art-height);transform-origin:100% 0;filter:drop-shadow(var(--shadow-illustration));flex:none;justify-content:flex-end;align-items:center;margin-left:auto;display:flex;position:relative}.art[data-astro-cid-t6yxozb4] svg{width:auto;max-width:none;display:block;overflow:visible}.art--zichtbaar[data-astro-cid-t6yxozb4] svg,.art--uitblinker[data-astro-cid-t6yxozb4] svg{height:var(--size-pakket-art-laag)}.art--opvaller[data-astro-cid-t6yxozb4] svg{height:var(--size-pakket-art-height)}.art[data-astro-cid-t6yxozb4] :is(.zx-bar,.zx-flashc,.zx-lens,.zx-play,.zx-heart,.zx-scene){transform-box:fill-box;transform-origin:50%}.art[data-astro-cid-t6yxozb4] .zx-bar{transform-origin:50% 100%}.art[data-astro-cid-t6yxozb4] .zx-prog{transform-box:fill-box;transform-origin:0;transform:scaleX(.08)}.art[data-astro-cid-t6yxozb4] .zx-flashc{opacity:0}html:not(.motion-scroll,.motion-io) .art[data-astro-cid-t6yxozb4] .zx-prog{transform:none}@keyframes pop-h{0%{opacity:0;transform:scale(.3)}}@keyframes flash-h{0%{opacity:0;transform:scale(.3)}25%{opacity:1}to{opacity:0;transform:scale(1.7)}}@keyframes grow-y-h{0%{transform:scaleY(0)}}@keyframes draw-h{0%{stroke-dashoffset:260px}}@keyframes out-h{to{opacity:0;transform:scale(1.5)}}@keyframes progress-h{0%{transform:scaleX(.08)}to{transform:scaleX(1)}}@keyframes zoom-h{to{transform:scale(1.08)}}html:is(.motion-scroll,.motion-io) .art[data-astro-cid-t6yxozb4].is-wacht .zx-bar{transform:scaleY(0)}html:is(.motion-scroll,.motion-io) .art[data-astro-cid-t6yxozb4].is-wacht :is(.zx-lens,.zx-heart){opacity:0}html:is(.motion-scroll,.motion-io) .art[data-astro-cid-t6yxozb4].is-wacht .zx-line{stroke-dashoffset:260px}html:is(.motion-scroll,.motion-io) .art[data-astro-cid-t6yxozb4].is-play .zx-bar{animation:grow-y .4s var(--ease-stage) both;animation-delay:calc((var(--i) * 45ms + .5s) * var(--motion-tempo))}html:is(.motion-scroll,.motion-io) .art[data-astro-cid-t6yxozb4].is-play .zx-line{animation:draw .7s ease-out calc(.85s * var(--motion-tempo)) both}html:is(.motion-scroll,.motion-io) .art[data-astro-cid-t6yxozb4].is-play .zx-lens{animation:pop .35s ease-out calc(.6s * var(--motion-tempo)) both}html:is(.motion-scroll,.motion-io) .art[data-astro-cid-t6yxozb4].is-play .zx-flashc{animation:flash .5s ease-out calc(.7s * var(--motion-tempo)) both}html:is(.motion-scroll,.motion-io) .art[data-astro-cid-t6yxozb4].is-play .zx-play{animation:out .3s ease-in calc(.5s * var(--motion-tempo)) both}html:is(.motion-scroll,.motion-io) .art[data-astro-cid-t6yxozb4].is-play .zx-prog{animation:progress 2.4s linear calc(.65s * var(--motion-tempo)) both}html:is(.motion-scroll,.motion-io) .art[data-astro-cid-t6yxozb4].is-play .zx-scene{animation:zoom 2.4s ease-out calc(.65s * var(--motion-tempo)) both}html:is(.motion-scroll,.motion-io) .art[data-astro-cid-t6yxozb4].is-play .zx-heart{animation:pop .3s var(--ease-pop) calc(1.4s * var(--motion-tempo)) both}@media (hover:hover){html:is(.motion-scroll,.motion-io) .art[data-astro-cid-t6yxozb4]{transition:scale .5s var(--ease-scale)}html:is(.motion-scroll,.motion-io) :is(.pricing,[data-pakket-kaart]):is(:hover,:focus-within) .art[data-astro-cid-t6yxozb4]{scale:var(--scale-illustration-hover);z-index:5}html:is(.motion-scroll,.motion-io) :is(.pricing,[data-pakket-kaart]):is(:hover,:focus-within) .art[data-astro-cid-t6yxozb4] .zx-bar{animation:grow-y-h .4s var(--ease-stage) both;animation-delay:calc(var(--i) * 45ms + .18s)}html:is(.motion-scroll,.motion-io) :is(.pricing,[data-pakket-kaart]):is(:hover,:focus-within) .art[data-astro-cid-t6yxozb4] .zx-line{animation:.7s ease-out .35s both draw-h}html:is(.motion-scroll,.motion-io) :is(.pricing,[data-pakket-kaart]):is(:hover,:focus-within) .art[data-astro-cid-t6yxozb4] .zx-lens{animation:.35s ease-out .3s both pop-h}html:is(.motion-scroll,.motion-io) :is(.pricing,[data-pakket-kaart]):is(:hover,:focus-within) .art[data-astro-cid-t6yxozb4] .zx-flashc{animation:.5s ease-out .4s both flash-h}html:is(.motion-scroll,.motion-io) :is(.pricing,[data-pakket-kaart]):is(:hover,:focus-within) .art[data-astro-cid-t6yxozb4] .zx-play{animation:.3s ease-in .2s both out-h}html:is(.motion-scroll,.motion-io) :is(.pricing,[data-pakket-kaart]):is(:hover,:focus-within) .art[data-astro-cid-t6yxozb4] .zx-prog{animation:2.4s linear .35s both progress-h}html:is(.motion-scroll,.motion-io) :is(.pricing,[data-pakket-kaart]):is(:hover,:focus-within) .art[data-astro-cid-t6yxozb4] .zx-scene{animation:2.4s ease-out .35s both zoom-h}html:is(.motion-scroll,.motion-io) :is(.pricing,[data-pakket-kaart]):is(:hover,:focus-within) .art[data-astro-cid-t6yxozb4] .zx-heart{animation:pop-h .3s var(--ease-pop) 1.1s both}}