.bim{--bim-uit:var(--nw-uit,cubic-bezier(.23, 1, .32, 1));flex:none;display:block;position:relative}.bim-houding,.bim-adem{transform-origin:50% 100%;display:block}.bim-houding{transition:translate .9s var(--bim-uit), scale .9s var(--bim-uit), rotate .9s var(--bim-uit)}.bim .nw-wekker{--bim-inkt:#ffffffe6;--bim-lid:#ffffffd1}.bim .nw-wekker[data-kleur=geel]{--bim-inkt:#22262bc7;--bim-lid:#22262bc7}.bim .nw-wekker__oor{transform-origin:50% 90%}.bim .nw-wekker__gezicht{transition:background-color 1.2s var(--bim-uit), translate .7s var(--bim-uit)}.bim .nw-wekker__oog{transition:all .7s var(--bim-uit), opacity .35s var(--bim-uit)}.bim .nw-wekker__mond{transition:all .7s var(--bim-uit), opacity .3s var(--bim-uit)}.bim-oog{opacity:0;pointer-events:none;transition:opacity .35s var(--bim-uit), translate .7s var(--bim-uit);position:absolute}.bim-oog--half{background:var(--bim-inkt);border-radius:0 0 50% 50%/0 0 100% 100%;width:11%;height:5.5%;top:43.5%}.bim-oog--half.bim-l{left:26%;rotate:-10deg}.bim-oog--half.bim-r{right:26%;rotate:10deg}.bim-oog--blij{width:15%;height:7.5%;color:var(--bim-inkt);background:radial-gradient(50% 10% at 50% 100%, #0000 calc(100% - var(--nw-aa)), currentColor calc(100% + var(--nw-aa))) 0 100% / 100% calc(1000% - 10 * var(--nw-oog-rand)) no-repeat;border-radius:50% 50% 0 0/100% 100% 0 0;top:40%}.bim-oog--blij.bim-l{left:24%}.bim-oog--blij.bim-r{right:24%}.bim-oog--dicht{width:17%;height:9%;color:var(--bim-lid);background:radial-gradient(50% 10% at 50% 0, #0000 calc(100% - var(--nw-aa)), currentColor calc(100% + var(--nw-aa))) 0 0 / 100% calc(1000% - 10 * var(--nw-oog-rand)) no-repeat;border-radius:0 0 50% 50%/0 0 100% 100%;top:42%}.bim-oog--dicht.bim-l{left:22%}.bim-oog--dicht.bim-r{right:22%}.bim-gaap{opacity:0;transform-origin:50% 30%;width:21%;height:25%;transition:opacity .3s var(--bim-uit), transform .5s var(--bim-uit);background:radial-gradient(70% 55% at 50% 85%,#8c4a4e 0 40%,#22262bdb 75%);border-radius:50%;position:absolute;top:51%;left:50%;transform:scale(.3,.15)}.bim:-webkit-any([data-blik=half],[data-blik=blij],[data-blik=dicht]) .nw-wekker__oog{opacity:0}.bim:-moz-any([data-blik=half],[data-blik=blij],[data-blik=dicht]) .nw-wekker__oog{opacity:0}.bim:is([data-blik=half],[data-blik=blij],[data-blik=dicht]) .nw-wekker__oog{opacity:0}.bim[data-blik=half] .bim-oog--half,.bim[data-blik=blij] .bim-oog--blij,.bim[data-blik=dicht] .bim-oog--dicht{opacity:1}.bim[data-blik=wijd] .nw-wekker__oog{scale:1.24}.bim[data-blik=een] .nw-wekker:not([data-ogen=open]):not([data-kleur=geel]) .nw-wekker__oog--l{color:#0000;background-color:#ffffffe6;border:0;border-radius:50%;width:11%;height:11%;top:38%;left:26%}.bim[data-kijk=l] :-webkit-any(.nw-wekker__oog,.bim-oog){translate:-40%}.bim[data-kijk=l] :-moz-any(.nw-wekker__oog,.bim-oog){translate:-40%}.bim[data-kijk=l] :is(.nw-wekker__oog,.bim-oog){translate:-40%}.bim[data-kijk=r] :-webkit-any(.nw-wekker__oog,.bim-oog){translate:40%}.bim[data-kijk=r] :-moz-any(.nw-wekker__oog,.bim-oog){translate:40%}.bim[data-kijk=r] :is(.nw-wekker__oog,.bim-oog){translate:40%}.bim[data-kijk=op] :-webkit-any(.nw-wekker__oog,.bim-oog){translate:0 -45%}.bim[data-kijk=op] :-moz-any(.nw-wekker__oog,.bim-oog){translate:0 -45%}.bim[data-kijk=op] :is(.nw-wekker__oog,.bim-oog){translate:0 -45%}.bim[data-kijk=neer] :-webkit-any(.nw-wekker__oog,.bim-oog){translate:0 38%}.bim[data-kijk=neer] :-moz-any(.nw-wekker__oog,.bim-oog){translate:0 38%}.bim[data-kijk=neer] :is(.nw-wekker__oog,.bim-oog){translate:0 38%}.bim[data-kijk=weg] :-webkit-any(.nw-wekker__oog,.bim-oog){translate:58% 18%}.bim[data-kijk=weg] :-moz-any(.nw-wekker__oog,.bim-oog){translate:58% 18%}.bim[data-kijk=weg] :is(.nw-wekker__oog,.bim-oog){translate:58% 18%}.bim[data-kijk=l] .nw-wekker__gezicht{translate:-2.2%}.bim[data-kijk=r] .nw-wekker__gezicht{translate:2.2%}.bim[data-kijk=op] .nw-wekker__gezicht{translate:0 -1.6%}.bim[data-kijk=neer] .nw-wekker__gezicht{translate:0 1.4%}.bim[data-kijk=weg] .nw-wekker__gezicht{translate:2.6% .9%}.bim:-webkit-any([data-mond=o],[data-mond=gaap],[data-mond=geen]) .nw-wekker__mond{opacity:0}.bim:-moz-any([data-mond=o],[data-mond=gaap],[data-mond=geen]) .nw-wekker__mond{opacity:0}.bim:is([data-mond=o],[data-mond=gaap],[data-mond=geen]) .nw-wekker__mond{opacity:0}.bim[data-mond=recht] .bim-adem :-webkit-any(.nw-wekker[data-ogen=open],.nw-wekker[data-kleur=geel]:not([data-ogen=dicht])) .nw-wekker__mond{width:13%;height:calc(var(--maat) * .014);background:var(--bim-inkt);border:0;border-radius:99px;top:61%}.bim[data-mond=recht] .bim-adem :-moz-any(.nw-wekker[data-ogen=open],.nw-wekker[data-kleur=geel]:not([data-ogen=dicht])) .nw-wekker__mond{width:13%;height:calc(var(--maat) * .014);background:var(--bim-inkt);border:0;border-radius:99px;top:61%}.bim[data-mond=recht] .bim-adem :is(.nw-wekker[data-ogen=open],.nw-wekker[data-kleur=geel]:not([data-ogen=dicht])) .nw-wekker__mond{width:13%;height:calc(var(--maat) * .014);background:var(--bim-inkt);border:0;border-radius:99px;top:61%}.bim[data-mond=o] .bim-gaap{opacity:1;transform:scale(.4,.34)}.bim[data-mond=gaap] .bim-gaap{opacity:1;transform:none}.bim[data-blik=half]:not([data-mond]) .nw-wekker[data-ogen=open]:not([data-kleur=geel]) .nw-wekker__mond{width:24%;height:12%;color:var(--bim-inkt);background:radial-gradient(50% 10% at 50% 0, #0000 calc(100% - var(--nw-aa)), currentColor calc(100% + var(--nw-aa))) 0 0 / 100% calc(1000% - 10 * var(--nw-mond-rand)) no-repeat;border:0;border-radius:0 0 50% 50%/0 0 100% 100%;top:54%}.bim[data-houding=ingezakt] .bim-houding{scale:1.025 .955}.bim[data-houding=zwaar] .bim-houding{scale:1.012 .978}.bim[data-houding=scheef] .bim-houding{rotate:-4deg}.bim[data-houding=dichtbij] .bim-houding{translate:3%;rotate:-2.5deg;scale:1.06}.bim[data-houding=rechtop] .bim-houding{scale:.99 1.025}.bim .nw-wekker:after{transition:background 1.2s var(--bim-uit), opacity .9s var(--bim-uit)}.bim[data-gloed=zacht] .nw-wekker:after{opacity:.35}.bim[data-traag] .bim-houding{transition-duration:2.6s}.bim[data-traag] .nw-wekker__oog{transition-duration:1.8s,1.2s}.bim[data-traag] .bim-oog{transition-duration:1.4s,1.8s}.bim[data-traag] .nw-wekker__gezicht{transition-duration:2.4s,1.8s}.bim-zzz{pointer-events:none;opacity:0;width:36%;height:44%;transition:opacity .8s var(--bim-uit);position:absolute;top:-16%;left:94%}.bim-zzz i{font:800 calc(var(--maat) * .15) / 1 var(--nw-font-kop);color:var(--bim-z,#0f5c73b3);opacity:0;font-style:normal;position:absolute;bottom:0;left:0}.bim[data-zzz] .bim-zzz{opacity:1}.bim-ballon{left:calc(50% + var(--bim-ballon-x,0px));bottom:calc(100% - var(--bim-ballon-omlaag,0px));margin-bottom:calc(var(--maat) * .08);z-index:3;color:#22262b;width:max-content;max-width:min(260px,100vw - 64px);font:500 15px / 1.35 var(--nw-font-tekst);text-align:center;opacity:0;transform-origin:50% 100%;pointer-events:none;background:#fff;border-radius:18px;padding:10px 15px 11px;transition:opacity .16s ease-out,transform .16s ease-out;position:absolute;transform:translate(-50%)translateY(6px)scale(.96);box-shadow:0 12px 24px -14px #0f323c73,0 2px 6px -2px #0f323c1f}.bim-ballon:after{content:"";left:var(--bim-ballon-punt,50%);background:inherit;border-radius:0 0 3px;width:12px;height:12px;margin:-7px 0 0 -6px;position:absolute;top:100%;rotate:45deg}.bim-ballon[data-onder]{margin:calc(var(--maat) * .08) 0 0;transform-origin:50% 0;top:100%;bottom:auto;transform:translate(-50%)translateY(-6px)scale(.96)}.bim-ballon[data-onder]:after{border-radius:3px 0 0;margin:0 0 -7px -6px;top:auto;bottom:100%}.bim-ballon[data-weg]{transition:opacity .45s ease-out, transform .6s var(--bim-uit);transform:translate(-50%)translateY(-4px)scale(.98)}.bim-ballon[data-onder][data-weg]{transform:translate(-50%)translateY(4px)scale(.98)}.bim-ballon[data-aan]{opacity:1;transition:opacity .28s var(--bim-uit), transform .36s var(--bim-uit);transform:translate(-50%)}.bim-ballon>span{text-wrap:pretty;transition:opacity .14s ease-out;display:block}.bim-ballon>span.bim-wissel{opacity:0}.bim-ballon[data-fluister]{color:var(--nw-nacht-tekst,#e6f1f3);background:#1b5161;font-size:14px;font-weight:400;box-shadow:inset 0 0 0 1px #43717e,0 12px 24px -14px #00000080}.bim-ballon[data-fluister]:after{box-shadow:inset -1px -1px #43717e}.bim-ballon[data-onder][data-fluister]:after{box-shadow:inset 1px 1px #43717e}.bim[data-knipper=zelf] .nw-wekker__oog{animation:none}@media (prefers-reduced-motion:no-preference){.bim[data-adem=rust] .bim-adem{animation:4.8s ease-in-out infinite bim-adem}.bim[data-adem=slaap] .bim-adem{animation:6.4s ease-in-out infinite bim-adem-diep}.bim[data-adem=snel] .bim-adem{animation:2.6s ease-in-out infinite bim-adem}.bim[data-adem=mee] .bim-adem{animation:10s linear infinite bim-adem-mee}.bim .bim-zzz i{animation:5.4s linear infinite paused bim-zzz}.bim[data-zzz] .bim-zzz i{animation-play-state:running}.bim .bim-zzz i:nth-child(2){animation-delay:1.8s}.bim .bim-zzz i:nth-child(3){animation-delay:3.6s}.bim[data-droom] .nw-wekker:not([data-ogen=open]) .nw-wekker__oog{animation:7.5s ease-in-out infinite bim-rem}.bim[data-droom] .nw-wekker__oor--r{animation:7.5s ease-in-out infinite bim-oortrek}.bim[data-laden] .nw-wekker__display{animation:1.8s ease-in-out infinite bim-laden}.bim[data-laden] :-webkit-any(.nw-wekker__oog,.bim-oog){animation:2.4s ease-in-out infinite bim-scan}.bim[data-laden] :-moz-any(.nw-wekker__oog,.bim-oog){animation:2.4s ease-in-out infinite bim-scan}.bim[data-laden] :is(.nw-wekker__oog,.bim-oog){animation:2.4s ease-in-out infinite bim-scan}}@keyframes bim-adem{0%,to{transform:none}45%{transform:scale(1.006,1.014)}}@keyframes bim-adem-diep{0%,to{transform:none}42%{transform:scale(1.01,1.024)}}@keyframes bim-adem-mee{0%{animation-timing-function:cubic-bezier(.37,0,.63,1);transform:none}40%{animation-timing-function:cubic-bezier(.37,0,.63,1);transform:scale(1.03,1.06)}to{transform:none}}@keyframes bim-scan{0%,to{translate:-38%}50%{translate:38%}}@keyframes bim-laden{0%,to{opacity:1}50%{opacity:.45}}@keyframes bim-zzz{0%{opacity:0;transform:translate(0)scale(.7)}12%{opacity:.9}33.3%{transform:translate(30%,-90%)scale(.87)}66.7%{opacity:.75;transform:translate(50%,-180%)scale(1.03)}to{opacity:0;transform:translate(60%,-270%)scale(1.2)}}@keyframes bim-rem{0%,68%,86%,to{translate:0}71%{translate:-22%}74%{translate:16%}77%{translate:-14%}80%{translate:10%}83%{translate:-4%}}@keyframes bim-oortrek{0%,84%,92%,to{rotate:0deg}87%{rotate:9deg}89%{rotate:-3deg}}.bim-direct,.bim-direct *,.bim-direct :before,.bim-direct :after{transition:none!important}.bim-pauze,.bim-pauze *,.bim-pauze :before{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.bim,.bim *,.bim :before,.bim :after{transition-property:opacity!important;transition-duration:.2s!important;animation:none!important}.bim-ballon,.bim-ballon[data-aan],.bim-ballon[data-weg],.bim-ballon[data-onder],.bim-ballon[data-onder][data-weg]{transform:translate(-50%)}.bim .bim-zzz i:first-child{opacity:.9}.bim .bim-zzz i:nth-child(2){opacity:.62;transform:translate(38%,-105%)}.bim .bim-zzz i:nth-child(3){opacity:.38;transform:translate(74%,-215%)}}.bim[data-dag] .nw-wekker[data-kleur=geel]{--licht:var(--bim-dag-licht);--bim-inkt:var(--bim-dag-oog);--bim-lid:var(--bim-dag-lid)}.bim[data-dag] :-webkit-any(.nw-wekker__lijf,.nw-wekker__oor){transition:filter 1.2s var(--bim-uit)}.bim[data-dag] :-moz-any(.nw-wekker__lijf,.nw-wekker__oor){transition:filter 1.2s var(--bim-uit)}.bim[data-dag] :is(.nw-wekker__lijf,.nw-wekker__oor){transition:filter 1.2s var(--bim-uit)}.bim[data-dag=nacht] :-webkit-any(.nw-wekker__lijf,.nw-wekker__oor){filter:brightness(calc(.86 + .14 * var(--bim-dag))) sepia(calc(.15 * (1 - var(--bim-dag))))}.bim[data-dag=nacht] :-moz-any(.nw-wekker__lijf,.nw-wekker__oor){filter:brightness(calc(.86 + .14 * var(--bim-dag))) sepia(calc(.15 * (1 - var(--bim-dag))))}.bim[data-dag=nacht] :is(.nw-wekker__lijf,.nw-wekker__oor){filter:brightness(calc(.86 + .14 * var(--bim-dag))) sepia(calc(.15 * (1 - var(--bim-dag))))}.bim[data-dag] .nw-wekker[data-kleur=geel]:where([data-ogen=open]) .nw-wekker__oog{background-color:var(--bim-dag-oog)}.bim[data-dag]:not([data-blik=wijd]) .nw-wekker[data-kleur=geel][data-ogen=open] .nw-wekker__oog{clip-path:inset(calc((1 - var(--bim-dag)) * 50%) 0 0 0)}.bim[data-dag]:not([data-blik=wijd]) .nw-wekker[data-kleur=geel][data-ogen=open] .nw-wekker__oog--l{rotate:calc((1 - var(--bim-dag)) * -10deg)}.bim[data-dag]:not([data-blik=wijd]) .nw-wekker[data-kleur=geel][data-ogen=open] .nw-wekker__oog--r{rotate:calc((1 - var(--bim-dag)) * 10deg)}.klok[data-tk-ogen=zwaar] .bim[data-dag]:not([data-blik]) .nw-wekker[data-kleur=geel][data-ogen=open] .nw-wekker__oog{clip-path:none}.bim[data-dag=nacht][data-blik=blij] .bim-oog--blij{opacity:0}.bim[data-dag=nacht][data-blik=blij] .bim-oog--half{opacity:1}.bim[data-dag] .nw-wekker[data-kleur=geel]:where([data-ogen=open]) .nw-wekker__mond{top:calc(60% - 6% * var(--bim-dag));width:calc(14% + 10% * var(--bim-dag));height:calc(5% + 7% * var(--bim-dag));color:var(--bim-dag-mond)}.klok[data-tk-gaapt] .bim[data-dag] .nw-wekker[data-kleur=geel] .nw-wekker__oog{color:var(--bim-dag-lid)}.bim[data-dag] .nw-wekker[data-kleur=geel] .nw-wekker__wang{opacity:clamp(0, (var(--bim-dag) - .5) * 2.5, 1);transition:background .9s, opacity .9s var(--bim-uit)}.bim[data-dag] .nw-wekker[data-kleur=geel]:after{background:rgba(255, 201, 60, calc(.55 * clamp(0, (var(--bim-dag) - .6) * 2.5, 1)))}@media (prefers-reduced-motion:no-preference){.bim[data-dag=nacht][data-adem=rust] .bim-adem{animation-duration:6.2s}}