.weegschaal{aspect-ratio:1/.92;perspective:1400px;position:relative;container-type:inline-size}.weegschaal__rig{--w:88cqi;--u:calc(var(--w) / 100);--t:0;--lit:1;--metaal:linear-gradient(90deg, #ffffff0d, #ffffff29 42%, #00000040), linear-gradient(rgb(var(--world-light-rgb) / .14), rgb(var(--world-light-rgb) / .02)), #2a2a2a;width:var(--w);height:calc(var(--u) * 86);transform-style:preserve-3d;transform:translate(-50%, -50%) rotateX(calc(-10deg + var(--px,0deg))) rotateY(calc(-16deg + var(--py,0deg)));position:absolute;top:50%;left:50%}.weegschaal__rig :is(div,i){display:block;position:absolute}.weegschaal__voet{left:calc(var(--u) * 27);width:calc(var(--u) * 46);height:calc(var(--u) * 5);transform:translateZ(calc(var(--u) * 8));transform-style:preserve-3d;border-radius:0 0 calc(var(--u) * 1.2) calc(var(--u) * 1.2);box-shadow:0 calc(var(--u) * 3) calc(var(--u) * 8) calc(var(--u) * -1) #000000e6;background:linear-gradient(#262626,#141414);bottom:0}.weegschaal__voet-top{height:calc(var(--u) * 16);transform-origin:50% 100%;border-radius:calc(var(--u) * 1.2);background:radial-gradient(60% 70% at 50% 50%, #00000073, transparent 70%), linear-gradient(rgb(var(--world-light-rgb) / .12), rgb(var(--world-light-rgb) / 0) 60%), #222;bottom:100%;left:0;right:0;transform:rotateX(90deg);box-shadow:inset 0 0 0 1px #ffffff0f}.weegschaal__zuil{left:calc(var(--u) * 48.2);top:calc(var(--u) * 24);bottom:calc(var(--u) * 5);width:calc(var(--u) * 3.6);border-radius:calc(var(--u) * 1) calc(var(--u) * 1) 0 0;background:var(--metaal)}.weegschaal__plaat{left:calc(var(--u) * 40);top:calc(var(--u) * 18.5);width:calc(var(--u) * 20);height:calc(var(--u) * 6.5);transform:translateZ(calc(var(--u) * -.6));border-radius:calc(var(--u) * 10) calc(var(--u) * 10) calc(var(--u) * 1.4) calc(var(--u) * 1.4);background:linear-gradient(#1d1d1d,#121212);box-shadow:inset 0 1px #ffffff1f,inset 0 0 0 1px #ffffff0d}.weegschaal__schaal{left:calc(var(--u) * 50);top:calc(var(--u) * 46);width:0;height:0}.weegschaal__streep{left:calc(var(--u) * -.3);bottom:calc(var(--u) * 21.5);width:calc(var(--u) * .6);height:calc(var(--u) * 2.4);transform-origin:50% calc(var(--u) * 23.9);background:#ffffff52;border-radius:1px}.weegschaal__streep:first-child{transform:rotate(-14deg)}.weegschaal__streep:nth-child(2){transform:rotate(-7deg)}.weegschaal__streep:nth-child(4){transform:rotate(7deg)}.weegschaal__streep:nth-child(5){transform:rotate(14deg)}.weegschaal__streep--midden{height:calc(var(--u) * 3.2);background:rgb(var(--world-rgb) / calc(.35 + var(--lit) * .65));box-shadow:0 0 calc(var(--u) * 2) rgb(var(--world-rgb) / calc(var(--lit) * .9))}.weegschaal__arm{left:calc(var(--u) * 16);top:calc(var(--u) * 44.9);width:calc(var(--u) * 68);height:calc(var(--u) * 2.2);transform-style:preserve-3d;transform:rotate(calc(var(--t) * 1deg));border-radius:calc(var(--u) * 1.1);background:linear-gradient(#ffffff38, #fff0 45%, #0000004d), linear-gradient(90deg, rgb(var(--world-light-rgb) / .18), rgb(var(--world-light-rgb) / .04)), #2d2d2d}.weegschaal__wijzer{left:calc(50% - var(--u) * .35);width:calc(var(--u) * .7);height:calc(var(--u) * 23.4);transform-origin:50% 100%;transform:translateZ(calc(var(--u) * 1));border-radius:calc(var(--u) * .35) calc(var(--u) * .35) 0 0;background:linear-gradient(#f4f4f0,#9a9a96 70%,#5a5a58);bottom:50%}.weegschaal__as{left:calc(var(--u) * 47.8);top:calc(var(--u) * 43.8);width:calc(var(--u) * 4.4);height:calc(var(--u) * 4.4);transform:translateZ(calc(var(--u) * 1.6));box-shadow:inset 0 0 0 1px #ffffff1f, 0 0 calc(var(--u) * 3) rgb(var(--world-rgb) / calc(var(--lit) * .45));background:radial-gradient(circle at 35% 30%,#5a5a5a,#1a1a1a 70%);border-radius:50%}.weegschaal__kant{width:0;height:0;transform-style:preserve-3d;transform:rotate(calc(var(--t) * -1deg));top:50%}.weegschaal__kant--links{left:0}.weegschaal__kant--rechts{right:0}.weegschaal__stang{left:calc(var(--u) * -.8);width:calc(var(--u) * 1.6);height:calc(var(--u) * 9);background:var(--metaal);bottom:0}.weegschaal__pan{left:calc(var(--u) * -14);top:calc(var(--u) * -23);width:calc(var(--u) * 28);height:calc(var(--u) * 28);transform-style:preserve-3d;background:radial-gradient(circle at 50% 50%, #00000059, transparent 62%), radial-gradient(circle at 30% 25%, rgb(var(--world-light-rgb) / .3), transparent 60%), linear-gradient(#3a3a3a, #202020);box-shadow:inset 0 0 0 calc(var(--u) * .8) #ffffff1a, inset 0 0 0 calc(var(--u) * 1.4) #0000004d;border-radius:50%;transform:rotateX(90deg)}.weegschaal__pan--onder{top:calc(var(--u) * -21.6);box-shadow:none;background:#111;transform:rotateX(90deg)scale(.94)}.weegschaal__schaduw{background:radial-gradient(closest-side,#000000b3,#0000);border-radius:50%;inset:26% 18% 34%}.weegschaal__lading{left:calc(var(--u) * -12);bottom:calc(var(--u) * 9);width:calc(var(--u) * 24);height:calc(var(--u) * 30);transform-origin:50% 100%;transform:translateZ(calc(var(--u) * -2)) rotateX(10deg)}.weegschaal__lading--klok{left:calc(var(--u) * -11);width:calc(var(--u) * 22);height:calc(var(--u) * 25)}.weegschaal__lading--bon{left:calc(var(--u) * -10);width:calc(var(--u) * 20)}.weegschaal__papier,.weegschaal__bon{padding:calc(var(--u) * 2.6) calc(var(--u) * 2.4);color:#1a1a1a;border-radius:calc(var(--u) * .6);background:linear-gradient(155deg, rgb(var(--world-light-rgb) / .12), transparent 55%), linear-gradient(170deg, #f4f3ef, #dedbd3);box-shadow:0 calc(var(--u) * 1) calc(var(--u) * 3) #00000073, inset 0 0 0 1px #0000000f;flex-direction:column;display:flex;inset:0}.weegschaal__rig .weegschaal__papier,.weegschaal__rig .weegschaal__bon{display:flex}.weegschaal__bon{padding-inline:calc(var(--u) * 2);padding-bottom:calc(var(--u) * 3.4);border-radius:calc(var(--u) * .4) calc(var(--u) * .4) 0 0;--kartel:calc(var(--u) * 1.2);-webkit-mask:linear-gradient(#000, #000) top / 100% calc(100% - var(--kartel)) no-repeat, conic-gradient(from 135deg at 50% 0, #000 90deg, transparent 0) bottom / calc(var(--kartel) * 2) var(--kartel) repeat-x;mask:linear-gradient(#000, #000) top / 100% calc(100% - var(--kartel)) no-repeat, conic-gradient(from 135deg at 50% 0, #000 90deg, transparent 0) bottom / calc(var(--kartel) * 2) var(--kartel) repeat-x}.weegschaal__soort{font-family:var(--font-mono);font-size:calc(var(--u) * 2.2);letter-spacing:.14em;text-transform:uppercase;color:#6b6964;font-weight:500}.weegschaal__regel{margin-top:calc(var(--u) * 1.6);font-family:var(--font-body);font-size:calc(var(--u) * 2.5);font-weight:500;line-height:1.2}.weegschaal__bon .weegschaal__regel{font-size:calc(var(--u) * 2.1)}.weegschaal__regel--klein{margin-top:calc(var(--u) * .6);color:#6b6964}.weegschaal__rig .weegschaal__lijn{margin-top:calc(var(--u) * 1.6);height:calc(var(--u) * .7);background:#0000001f;border-radius:1px;position:relative}.weegschaal__rig .weegschaal__lijn--kort{width:62%;margin-top:calc(var(--u) * 1.1)}.weegschaal__rig .weegschaal__streepjes{margin-top:calc(var(--u) * 1.8);border-top:1px dashed #0000004d;position:relative}.weegschaal__totaal{justify-content:space-between;align-items:baseline;gap:calc(var(--u) * 1);padding-top:calc(var(--u) * 1.2);font-family:var(--font-mono);font-size:calc(var(--u) * 1.6);letter-spacing:.1em;text-transform:uppercase;color:#6b6964;border-top:1px solid #00000024;margin-top:auto;display:flex}.weegschaal__totaal b{font-family:var(--font-display);font-size:calc(var(--u) * 4.4);letter-spacing:-.02em;text-transform:none;color:#111;font-weight:700}.weegschaal__bon .weegschaal__totaal b{font-size:calc(var(--u) * 3.8)}.weegschaal__btw{margin-top:calc(var(--u) * .5);font-family:var(--font-mono);font-size:calc(var(--u) * 1.7);letter-spacing:.08em;color:#6b6964;align-self:flex-end}.weegschaal__rig .weegschaal__klok{aspect-ratio:1;color:#111;background:radial-gradient(circle closest-side, #f4f3ef 80%, transparent 80.5%) content-box, repeating-conic-gradient(from -1.5deg, #0006 0 3deg, transparent 3deg 30deg) content-box, radial-gradient(circle closest-side, #f4f3ef 99%, transparent 100%) content-box, linear-gradient(155deg, rgb(var(--world-light-rgb) / .35), rgb(var(--world-light-rgb-2) / .1) 55%), #2a2a2a;padding:calc(var(--u) * 1.4);box-shadow:0 calc(var(--u) * 1) calc(var(--u) * 3) #00000073, inset 0 0 0 1px #ffffff1f;background-clip:content-box,content-box,content-box,border-box,border-box;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;bottom:0;left:0;right:0}.weegschaal__kroon{left:calc(50% - var(--u) * 2);top:calc(var(--u) * -2.4);width:calc(var(--u) * 4);height:calc(var(--u) * 2.8);border-radius:calc(var(--u) * .6) calc(var(--u) * .6) 0 0;background:var(--metaal)}.weegschaal__tijd{font-family:var(--font-display);font-size:calc(var(--u) * 6);letter-spacing:-.03em;font-weight:700;line-height:1}.weegschaal__eenheid{margin-top:calc(var(--u) * .6);font-family:var(--font-mono);font-size:calc(var(--u) * 2);letter-spacing:.14em;text-transform:uppercase;color:#6b6964}.weegschaal__knop{cursor:pointer;background:0 0;border-radius:16px;position:absolute;inset:0}.weegschaal__rig:is([data-intro=pending],[data-intro=running]){--t:-8;--lit:0}.weegschaal__rig:is([data-intro=pending],[data-intro=running]) :is([data-el=factuur],[data-el=schaduw]){opacity:0}.weegschaal__rig[data-intro=pending]{animation:0s linear 4s forwards weegschaal-failsafe}.weegschaal__rig[data-intro=pending] :is([data-el=factuur],[data-el=schaduw]){animation:0s linear 4s forwards depth-failsafe}@keyframes weegschaal-failsafe{to{--t:0;--lit:1}}@media (prefers-reduced-motion:reduce){.weegschaal__rig[data-intro=pending]{--t:0;--lit:1;animation:none}.weegschaal__rig[data-intro=pending] :is([data-el=factuur],[data-el=schaduw]){opacity:1;animation:none}}