/* De permanente lus begint en eindigt in dezelfde rustpositie. */
.zoekanimatie-404 {
    position:relative; width:260px; max-width:100%; height:226px;
    isolation:isolate; overflow:hidden;
}
.zoek-plateau,.meld-plateau {
    position:absolute; left:50%; top:158px; width:162px; height:74px;
    border:3px solid var(--kleur-icoonrand,#f3df9f); border-radius:19px;
    background:var(--404-plateau,var(--kleur-icoon,#387b98));
    transform:translate(-50%,-50%) rotate(-13deg) skewX(17deg);
    box-shadow:-5px 8px 0 var(--kleur-icoon,#387b98),-8px 16px 14px #0003;
    outline:1px solid #0008;
}
.zoek-plateau:before,.meld-plateau:before {
    content:'';position:absolute;inset:-3px;border-radius:inherit;padding:3px;
    background:var(--404-rand,var(--kleur-icoonrand,#f3df9f));
    mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;
    pointer-events:none;
}
.zoek-plateau:after,.meld-plateau:after {
    content:'';position:absolute;inset:5px;border-top:2px solid #fff9;border-radius:12px;
}
.zoek-paginas {
    position:absolute;left:calc(50% - 53px);top:61px;width:106px;height:73px;
    background:#f5f5f5;border:2px solid #333;border-radius:8px;transform:rotate(-10deg);
    display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;
    box-shadow:0 0 0 1px #fff;
}
.zoek-paginas span {border:2px solid #777;border-radius:3px;}
.zoek-paginas span:nth-child(5) {border-style:dashed;background:#fff;}
.zoek-loep {
    position:absolute;top:66px;left:calc(50% - 12px);height:51px;width:51px;
    border:6px solid var(--404-symbool,#111);border-radius:50%;background:#fffffff0;
    box-shadow:0 0 0 2px var(--404-contour,#fff),inset 0 0 0 1px var(--404-contour,#fff);
    transform:translate(-12px,9px) rotate(0);animation:zoeken404 6s ease-in-out infinite;
}
.zoek-loep:after {
    content:'';position:absolute;left:35px;top:33px;width:11px;height:36px;
    border-radius:6px;background:var(--404-symbool,#111);box-shadow:0 0 0 1px var(--404-contour,#fff);
    transform:rotate(-42deg);transform-origin:top center;
}
.zoek-loep span {display:block;text-align:center;color:#111;font:bold 27px/39px 'Segoe UI',sans-serif;animation:zoekvraag404 6s ease-in-out infinite;}
@keyframes zoeken404 {
    0%,15%,80%,100% {transform:translate(-12px,9px) rotate(0);}
    32% {transform:translate(-42px,-13px) rotate(-12deg);}
    49% {transform:translate(15px,-5px) rotate(10deg);}
    64% {transform:translate(-26px,21px) rotate(-8deg);}
}
@keyframes zoekvraag404 {0%,15%,80%,100%{opacity:1}25%,70%{opacity:0}}
.meld-illustratie {position:relative;display:block;flex-shrink:0;width:92px;height:78px;isolation:isolate;}
.meld-plateau {top:47px;width:73px;height:35px;border-radius:10px;box-shadow:-3px 4px 0 var(--kleur-icoon,#387b98),-4px 8px 8px #0002;}
.meld-envelop {position:absolute;left:25px;top:17px;width:44px;height:30px;border:3px solid var(--404-symbool,#111);border-radius:4px;background:#f5f5f5;box-shadow:0 0 0 1px var(--404-contour,#fff);transform:rotate(-8deg);}
.meld-envelop:before {content:'';position:absolute;left:6px;top:-10px;width:24px;height:24px;border-right:3px solid #111;border-bottom:3px solid #111;transform:rotate(45deg);clip-path:polygon(100% 0,100% 100%,0 100%);transition:transform .3s;}
.foutmelding-mail button:hover:not(:disabled) .meld-envelop:before,.foutmelding-mail button:focus-visible .meld-envelop:before {transform:translateY(-10px) rotate(225deg);}
.geminimaliseerd .zoek-loep,.geminimaliseerd .zoek-loep span {animation-play-state:paused;}
@media(prefers-reduced-motion:reduce){.zoek-loep,.zoek-loep span{animation:none}.meld-envelop:before{transition:none}}
@media(max-height:500px){.zoekanimatie-404{height:190px}.zoek-plateau{top:148px}}