.wps{--wps-units:176;--u:calc(100cqh / var(--wps-units));background:var(--wps-ground);pointer-events:none;-webkit-user-select:none;user-select:none;display:block;position:relative;overflow:hidden;container-type:size}.wps--card{block-size:176px}.wps--thumb{border-radius:var(--r-card);block-size:100%;min-block-size:72px}.wps--hero{--wps-units:196;border-radius:var(--r-surface);block-size:380px;box-shadow:0 0 0 1px #fffc,0 40px 80px -36px #012b5780}@media (max-width:640px){.wps--hero{block-size:280px}}.wps-stage{block-size:calc(var(--u) * 176);position:absolute;inset-block-start:50%;inset-inline:0;translate:0 -50%}.wps-p,.wps-svg{display:block;position:absolute}.wps:before{content:"";background:var(--wps-grid,none);position:absolute;inset:0}.wps--egg,.wps--glass-clear,.wps--glass-smell,.wps--glass-cloudy,.wps--glass-sand{--wps-ground:radial-gradient(70% 60% at 48% 100%, #ffffffbf 0%, #fff0 70%), linear-gradient(160deg, #e4effc 0%, #a9cdf5 100%)}.wps--glass-yellow{--wps-ground:radial-gradient(70% 60% at 48% 100%, #ffffffbf 0%, #fff0 70%), linear-gradient(160deg, #f9f5e6 0%, #e8d6ab 100%)}@supports (color:lab(0% 0 0)){.wps--glass-yellow{--wps-ground:radial-gradient(70% 60% at 48% 100%, #ffffffbf 0%, #fff0 70%), linear-gradient(160deg, lab(96.6405% -.554323 7.65438) 0%, lab(86.3039% 1.62846 23.7676) 100%)}}.wps--glass-brown{--wps-ground:radial-gradient(70% 60% at 48% 100%, #ffffffb3 0%, #fff0 70%), linear-gradient(160deg, #f5ede4 0%, #e1c4ae 100%)}@supports (color:lab(0% 0 0)){.wps--glass-brown{--wps-ground:radial-gradient(70% 60% at 48% 100%, #ffffffb3 0%, #fff0 70%), linear-gradient(160deg, lab(94.2067% 1.74859 5.42306) 0%, lab(81.3339% 8.04305 15.3278) 100%)}}.wps--stain-orange{--wps-ground:linear-gradient(165deg, #f3e5d6 0%, #e2c4ae 100%)}@supports (color:lab(0% 0 0)){.wps--stain-orange{--wps-ground:linear-gradient(165deg, lab(91.8871% 2.99054 9.09216) 0%, lab(81.3139% 8.481 15.009) 100%)}}.wps--stain-bluegreen{--wps-ground:linear-gradient(165deg, #e4f2f2 0%, #b8d9d6 100%)}@supports (color:lab(0% 0 0)){.wps--stain-bluegreen{--wps-ground:linear-gradient(165deg, lab(94.3494% -4.74685 -1.99035) 0%, lab(84.16% -11.6859 -2.40517) 100%)}}.wps--scale{--wps-ground:linear-gradient(165deg, #dce2e7 0%, #bbc6ce 100%);--wps-grid:linear-gradient(90deg, #ffffff8c 0 1px, transparent 1px) 0 0 / calc(var(--u) * 44) calc(var(--u) * 44), linear-gradient(0deg, #ffffff8c 0 1px, transparent 1px) 0 0 / calc(var(--u) * 44) calc(var(--u) * 44)}@supports (color:lab(0% 0 0)){.wps--scale{--wps-ground:linear-gradient(165deg, lab(89.5755% -1.63132 -3.29609) 0%, lab(79.1431% -2.57513 -5.25506) 100%)}}.wps--specks{--wps-ground:linear-gradient(165deg, #eff2f4 0%, #ccd2d6 100%)}@supports (color:lab(0% 0 0)){.wps--specks{--wps-ground:linear-gradient(165deg, lab(95.3666% -.659436 -1.32238) 0%, lab(83.7726% -1.30847 -2.63881) 100%)}}.wps--pfx-copper{--wps-ground:radial-gradient(70% 60% at 50% 100%, #ffffffb3, #fff0 70%), linear-gradient(160deg, #fbf2eb 0%, #efcdb4 100%)}.wps--hero.wps--pfx-copper:not(.wps--pipe-bang){--wps-ground:var(--pfx-grad);--wps-grid:repeating-radial-gradient(circle at 50% 46%, transparent 0 calc(var(--u) * 20), #f7e2d014 calc(var(--u) * 20.5) calc(var(--u) * 21));box-shadow:0 40px 80px -36px #50230c99}.wps--area-map{--wps-ground:linear-gradient(160deg, #e8f1fd 0%, #c9def8 100%);--wps-grid:linear-gradient(90deg, #ffffff80 0 1px, transparent 1px) 0 0 / calc(var(--u) * 48) calc(var(--u) * 48), linear-gradient(0deg, #ffffff80 0 1px, transparent 1px) 0 0 / calc(var(--u) * 48) calc(var(--u) * 48)}.wps{--wps-fill:#96c8f5e0;--wps-inner:#145daa33;--wps-drop:#012b5773;--wps-shadow:#012b5733;--wps-hl:#fff9}.wps-glass-shadow{left:calc(50% - var(--u) * 50);bottom:calc(var(--u) * 4);width:calc(var(--u) * 100);height:calc(var(--u) * 14);background:var(--wps-shadow);filter:blur(calc(var(--u) * 4));border-radius:50%}.wps-glass{left:calc(50% - var(--u) * 34);bottom:calc(var(--u) * 10);width:calc(var(--u) * 68);height:calc(var(--u) * 96);border-radius:calc(var(--u) * 5) calc(var(--u) * 5) calc(var(--u) * 14) calc(var(--u) * 14);background:linear-gradient(180deg, #ffffff59 0 26%, var(--wps-fill) 26% 100%);box-shadow:inset 0 0 0 calc(var(--u) * 2) #fffffff2, inset 0 calc(var(--u) * -8) calc(var(--u) * 12) var(--wps-inner), 0 calc(var(--u) * 12) calc(var(--u) * 22) calc(var(--u) * -12) var(--wps-drop)}.wps-glass-rim{left:calc(50% - var(--u) * 30);bottom:calc(var(--u) * 80);width:calc(var(--u) * 60);height:calc(var(--u) * 3);border-radius:calc(var(--u) * 2);background:#ffffffe6}.wps-glass-hl{left:calc(50% - var(--u) * 24);bottom:calc(var(--u) * 22);width:calc(var(--u) * 5);height:calc(var(--u) * 58);border-radius:calc(var(--u) * 3);background:var(--wps-hl)}.wps-waft{left:calc(50% - var(--u) * 36);top:calc(var(--u) * 28);width:calc(var(--u) * 72);height:calc(var(--u) * 40);stroke:#cdbf45;stroke-width:2.5px}.wps--glass-smell .wps-waft{stroke:#fffffff2}.wps--glass-cloudy .wps-glass{background:radial-gradient(circle, #fffffff2 0 calc(var(--u) * 1.4), transparent calc(var(--u) * 2)) calc(var(--u) * 4) calc(var(--u) * 30) / calc(var(--u) * 13) calc(var(--u) * 12), linear-gradient(180deg, #ffffff59 0 26%, #ecf1f7f7 26% 100%)}.wps--glass-cloudy{--wps-inner:#145daa1f}.wps--glass-yellow{--wps-fill:#ebcf7ad9;--wps-inner:#785a0a2e;--wps-drop:#46320a66;--wps-shadow:#46320a33;--wps-hl:#ffffff8c}@supports (color:lab(0% 0 0)){.wps--glass-yellow{--wps-fill:lab(84.1655% 2.02668 45.9571/.85)}}.wps--glass-brown{--wps-fill:#ab7a55d1;--wps-inner:#46280a38;--wps-drop:#46280a73;--wps-shadow:#46280a38;--wps-hl:#fff6}@supports (color:lab(0% 0 0)){.wps--glass-brown{--wps-fill:lab(55.6275% 16.3263 28.2411/.82)}}.wps--glass-sand{--wps-inner:#46321433}.wps--glass-sand .wps-glass{background:linear-gradient(#ffffff59 0 26%,#96c8f5e0 26% 80%,#cdb295f2 80% 100%);background:linear-gradient(#ffffff59 0 26%,#96c8f5e0 26% 80%,lab(74.4674% 6.47554 18.6078/.95) 80% 100%)}.wps-sand{left:calc(50% - var(--u) * 26);bottom:calc(var(--u) * 14);width:calc(var(--u) * 52);height:calc(var(--u) * 14);background:radial-gradient(circle, #836145cc 0 calc(var(--u) * 1.4), transparent calc(var(--u) * 2)) 0 0 / calc(var(--u) * 7) calc(var(--u) * 5)}@supports (color:lab(0% 0 0)){.wps-sand{background:radial-gradient(circle, lab(44.1345% 11.531 21.3862/.8) 0 calc(var(--u) * 1.4), transparent calc(var(--u) * 2)) 0 0 / calc(var(--u) * 7) calc(var(--u) * 5)}}.wps--stain-orange,.wps--stain-bluegreen{--wps-ring:#d6d0c9;--wps-bowl:#dad7d2;--wps-bowl-mid:#f5f3f0;--wps-bowl-shade:#503c2824;--wps-basin-drop:#3c1e0a59;--wps-streak-a:#c0571ef2;--wps-streak-b:#b35025b3;--wps-streak-c:#aa573400;--wps-streak-2a:#c1622999;--wps-streak-2b:#c1622900;--wps-halo-a:#c46b3980;--wps-halo-b:#c46b3940}@supports (color:lab(0% 0 0)){.wps--stain-orange,.wps--stain-bluegreen{--wps-ring:lab(83.7657% 1.39275 4.33434);--wps-bowl:lab(86.1031% .461251 3.01629);--wps-bowl-mid:lab(95.9519% .224829 1.50441);--wps-streak-a:lab(50.2073% 40.7447 51.0321/.95);--wps-streak-b:lab(46.7393% 39.1615 43.8833/.7);--wps-streak-c:lab(46.9197% 33.1442 35.7445/0);--wps-streak-2a:lab(52.6924% 36.3174 48.5441/.6);--wps-streak-2b:lab(52.6924% 36.3174 48.5441/0);--wps-halo-a:lab(55.102% 33.3399 43.4171/.5);--wps-halo-b:lab(55.102% 33.3399 43.4171/.25)}}.wps--stain-bluegreen{--wps-ring:#c8d3d4;--wps-bowl:#d2d9d9;--wps-bowl-mid:#f0f4f4;--wps-bowl-shade:#28465024;--wps-basin-drop:#0a323c59;--wps-streak-a:#319287f2;--wps-streak-b:#46968ca6;--wps-streak-c:#46968c00;--wps-streak-2a:#4c9c9299;--wps-streak-2b:#4c9c9200;--wps-halo-a:#4c9c9280;--wps-halo-b:#4c9c9240}@supports (color:lab(0% 0 0)){.wps--stain-bluegreen{--wps-ring:lab(83.8796% -3.79795 -1.59301);--wps-bowl:lab(86.1598% -2.53269 -1.06332);--wps-bowl-mid:lab(95.9799% -1.26672 -.532317);--wps-streak-a:lab(54.6823% -31.0302 -3.17659/.95);--wps-streak-b:lab(56.8823% -27.483 -2.83536/.65);--wps-streak-c:lab(56.8823% -27.483 -2.83536/0);--wps-streak-2a:lab(59.2024% -27.4644 -2.83765/.6);--wps-streak-2b:lab(59.2024% -27.4644 -2.83765/0);--wps-halo-a:lab(59.2024% -27.4644 -2.83765/.5);--wps-halo-b:lab(59.2024% -27.4644 -2.83765/.25)}}:is(.wps--stain-orange,.wps--stain-bluegreen) .wps-p--0{left:calc(52% - var(--u) * 92);top:calc(var(--u) * 48);width:calc(var(--u) * 184);height:calc(var(--u) * 150);background:radial-gradient(ellipse at 50% 35%, #fff 0%, var(--wps-bowl-mid) 50%, var(--wps-bowl) 100%);box-shadow:0 0 0 calc(var(--u) * 7) #fff, 0 0 0 calc(var(--u) * 8) var(--wps-ring), 0 calc(var(--u) * 18) calc(var(--u) * 30) calc(var(--u) * -14) var(--wps-basin-drop);border-radius:50%}:is(.wps--stain-orange,.wps--stain-bluegreen) .wps-p--1{left:calc(52% - var(--u) * 74);top:calc(var(--u) * 62);width:calc(var(--u) * 148);height:calc(var(--u) * 122);box-shadow:inset 0 calc(var(--u) * 10) calc(var(--u) * 18) var(--wps-bowl-shade);border-radius:50%}:is(.wps--stain-orange,.wps--stain-bluegreen) .wps-p--2{left:calc(52% - var(--u) * 7);top:calc(var(--u) * 66);width:calc(var(--u) * 14);height:calc(var(--u) * 66);border-radius:var(--r-pill);background:linear-gradient(180deg, var(--wps-streak-a) 0%, var(--wps-streak-b) 55%, var(--wps-streak-c) 100%);filter:blur(calc(var(--u) * 1.2))}:is(.wps--stain-orange,.wps--stain-bluegreen) .wps-p--3{left:calc(52% + var(--u) * 11);top:calc(var(--u) * 72);width:calc(var(--u) * 7);height:calc(var(--u) * 44);border-radius:var(--r-pill);background:linear-gradient(180deg, var(--wps-streak-2a), var(--wps-streak-2b));filter:blur(var(--u))}:is(.wps--stain-orange,.wps--stain-bluegreen) .wps-p--4{left:calc(52% - var(--u) * 11);top:calc(var(--u) * 128);width:calc(var(--u) * 22);height:calc(var(--u) * 16);box-shadow:0 0 0 calc(var(--u) * 5) var(--wps-halo-a), 0 0 calc(var(--u) * 10) calc(var(--u) * 6) var(--wps-halo-b);background:radial-gradient(circle,#494e52 0 30%,#b9bec4 31% 60%,#dbdee1 61%);background:radial-gradient(circle,lab(32.7096% -1.05289 -3.5496) 0 30%,lab(76.7913% -1.08567 -3.56684) 31% 60%,lab(88.3962% -.552863 -1.78897) 61%);border-radius:50%}:is(.wps--stain-orange,.wps--stain-bluegreen) .wps-p--5{left:calc(52% - var(--u) * 12);top:calc(var(--u) * 24);width:calc(var(--u) * 24);height:calc(var(--u) * 36);border-radius:calc(var(--u) * 6) calc(var(--u) * 6) calc(var(--u) * 9) calc(var(--u) * 9);box-shadow:0 calc(var(--u) * 6) calc(var(--u) * 10) calc(var(--u) * -6) #0006;background:linear-gradient(90deg,#94999e,#fff 45%,#b9bec4 70%,#7c8186);background:linear-gradient(90deg,lab(62.871% -1.07926 -3.5634),#fff 45%,lab(76.7913% -1.08567 -3.56684) 70%,lab(53.5907% -1.0736 -3.56036))}.wps--scale .wps-p--0{left:calc(54% - var(--u) * 75);top:calc(var(--u) * 24);width:calc(var(--u) * 150);height:calc(var(--u) * 150);box-shadow:0 calc(var(--u) * 18) calc(var(--u) * 30) calc(var(--u) * -14) #012b5773;background:radial-gradient(circle at 34% 28%,#fff 0%,#dbdee2 30%,#9fa5ac 75%,#80878e 100%);background:radial-gradient(circle at 34% 28%,#fff 0%,lab(88.3953% -.661403 -2.14573) 30%,lab(67.5088% -1.28841 -4.27244) 75%,lab(55.9057% -1.47903 -4.97199) 100%);border-radius:50%}.wps--scale .wps-p--1{left:calc(54% - var(--u) * 54);top:calc(var(--u) * 45);width:calc(var(--u) * 108);height:calc(var(--u) * 108);background:radial-gradient(calc(var(--u) * 16) calc(var(--u) * 11) at 30% 38%, #fcfcf6fa 0%, #fcfcf6bf 55%, #fcfcf600 100%), radial-gradient(calc(var(--u) * 13) calc(var(--u) * 13) at 64% 28%, #fcfcf6f2 0%, #fcfcf600 100%), radial-gradient(calc(var(--u) * 20) calc(var(--u) * 13) at 58% 72%, #fcfcf6f2 0%, #fcfcf600 100%), radial-gradient(circle, #595e64 0 calc(var(--u) * 2), transparent calc(var(--u) * 2.6)) calc(var(--u) * 3) calc(var(--u) * 3) / calc(var(--u) * 14) calc(var(--u) * 14), radial-gradient(circle at 40% 35%, #cdd1d6, #a5acb2);box-shadow:inset 0 0 0 calc(var(--u) * 3) #e3e5e7, inset 0 calc(var(--u) * 6) calc(var(--u) * 12) #012b572e;border-radius:50%}@supports (color:lab(0% 0 0)){.wps--scale .wps-p--1{background:radial-gradient(calc(var(--u) * 16) calc(var(--u) * 11) at 30% 38%, #fcfcf6fa 0%, #fcfcf6bf 55%, #fcfcf600 100%), radial-gradient(calc(var(--u) * 13) calc(var(--u) * 13) at 64% 28%, #fcfcf6f2 0%, #fcfcf600 100%), radial-gradient(calc(var(--u) * 20) calc(var(--u) * 13) at 58% 72%, #fcfcf6f2 0%, #fcfcf600 100%), radial-gradient(circle, lab(39.6673% -1.25924 -4.25745) 0 calc(var(--u) * 2), transparent calc(var(--u) * 2.6)) calc(var(--u) * 3) calc(var(--u) * 3) / calc(var(--u) * 14) calc(var(--u) * 14), radial-gradient(circle at 40% 35%, lab(83.7534% -.87595 -2.85753), lab(69.8289% -1.28996 -4.27327));box-shadow:inset 0 0 0 calc(var(--u) * 3) lab(90.717% -.443697 -1.43198), inset 0 calc(var(--u) * 6) calc(var(--u) * 12) #012b572e}}.wps--specks .wps-p--0{left:calc(50% - var(--u) * 98);top:calc(var(--u) * 40);width:calc(var(--u) * 196);height:calc(var(--u) * 160);box-shadow:0 0 0 calc(var(--u) * 7) #fff, 0 0 0 calc(var(--u) * 8) #ced1d4, 0 calc(var(--u) * 18) calc(var(--u) * 30) calc(var(--u) * -14) #01142859;background:radial-gradient(at 50% 30%,#fff 0%,#f0f2f4 45%,#ced1d4 100%);background:radial-gradient(at 50% 30%,#fff 0%,lab(95.365% -.495404 -.992239) 45%,lab(83.7696% -.984877 -1.9811) 100%);border-radius:50%}@supports (color:lab(0% 0 0)){.wps--specks .wps-p--0{box-shadow:0 0 0 calc(var(--u) * 7) #fff, 0 0 0 calc(var(--u) * 8) lab(83.7696% -.984877 -1.9811), 0 calc(var(--u) * 18) calc(var(--u) * 30) calc(var(--u) * -14) #01142859}}.wps--specks .wps-p--1{left:calc(50% - var(--u) * 30);top:calc(var(--u) * 52);width:calc(var(--u) * 3);height:calc(var(--u) * 38);border-radius:calc(var(--u) * 2);background:linear-gradient(#282f3500,#282f358c);background:linear-gradient(lab(18.7783% -1.46231 -5.27075/0),lab(18.7783% -1.46231 -5.27075/.55))}.wps--specks .wps-p--2{left:calc(50% + var(--u) * 22);top:calc(var(--u) * 56);width:calc(var(--u) * 3);height:calc(var(--u) * 32);border-radius:calc(var(--u) * 2);background:linear-gradient(#282f3500,#282f3580);background:linear-gradient(lab(18.7783% -1.46231 -5.27075/0),lab(18.7783% -1.46231 -5.27075/.5))}.wps--specks .wps-p--3{left:calc(50% - var(--u) * 72);top:calc(var(--u) * 74);width:calc(var(--u) * 144);height:calc(var(--u) * 106);background:radial-gradient(circle, #232a30b3 0 calc(var(--u) * 1.6), #232a3000 calc(var(--u) * 2.2)) 0 0 / calc(var(--u) * 11) calc(var(--u) * 9);border-radius:50%;-webkit-mask:radial-gradient(closest-side,#0000 74%,#000 80% 92%,#0000 100%);mask:radial-gradient(closest-side,#0000 74%,#000 80% 92%,#0000 100%)}@supports (color:lab(0% 0 0)){.wps--specks .wps-p--3{background:radial-gradient(circle, lab(16.4574% -1.44607 -5.26403/.7) 0 calc(var(--u) * 1.6), lab(16.4574% -1.44607 -5.26403/0) calc(var(--u) * 2.2)) 0 0 / calc(var(--u) * 11) calc(var(--u) * 9)}}.wps--specks .wps-p--4{left:calc(50% - var(--u) * 60);top:calc(var(--u) * 86);width:calc(var(--u) * 120);height:calc(var(--u) * 82);box-shadow:0 0 0 calc(var(--u) * 4) #282f35bf, 0 0 calc(var(--u) * 6) calc(var(--u) * 7) #282f3547;background:radial-gradient(at 45% 40%,#deeef6,#b1c8d4);background:radial-gradient(at 45% 40%,lab(93.1161% -4.20564 -5.82297),lab(79.2295% -6.21173 -8.68564));border-radius:50%}@supports (color:lab(0% 0 0)){.wps--specks .wps-p--4{box-shadow:0 0 0 calc(var(--u) * 4) lab(18.7783% -1.46231 -5.27075/.75), 0 0 calc(var(--u) * 6) calc(var(--u) * 7) lab(18.7783% -1.46231 -5.27075/.28)}}.wps-gauge{left:calc(50% - var(--u) * 75);top:calc(var(--u) * 22);width:calc(var(--u) * 150);height:calc(var(--u) * 150)}.wps-gauge-face{fill:var(--surface);stroke:var(--pfx-100)}.wps-gauge-dial{fill:#fdf8f4}.wps-gauge-ticks{stroke:#cfa285}.wps-gauge-arc{stroke:var(--pfx)}.wps-gauge-needle{stroke:var(--pfx-ink)}.wps-gauge-hub{fill:var(--pfx-ink)}.wps-gauge-ghost{stroke:var(--pfx-100)}.wps-gauge-mark{stroke:var(--pfx)}.wps-gauge-unit{font:700 10px/1 var(--font-body);letter-spacing:1.5px;fill:var(--pfx)}.wps-gauge-num{font:700 7px/1 var(--font-body);fill:#ad6038}.wps--hero .wps-gauge{left:calc(50% - var(--u) * 67);top:calc(var(--u) * 20);width:calc(var(--u) * 134);height:calc(var(--u) * 134)}.wps--hero .wps-gauge-face{stroke:var(--pfx-fill)}.wps--hero .wps-gauge-ticks{stroke:#d9b79f}.wps--hero .wps-gauge-unit{font-size:9px}.wps-tank{left:calc(50% - var(--u) * 85);top:calc(var(--u) * 16);width:calc(var(--u) * 170);height:calc(var(--u) * 160)}.wps-pipe{left:calc(50% - var(--u) * 100);top:calc(var(--u) * 22);width:calc(var(--u) * 200);height:calc(var(--u) * 140)}.wps--area-map{--u:min(1px, calc(100cqh / 176))}.wps--area-map .wps-stage{block-size:auto;inset:0;translate:none}.wps--area-map .wps-p--1{background:radial-gradient(circle at 40% 40%, #ffffffe6, color-mix(in srgb, var(--primary-200) 55%, transparent));width:64%;height:56%;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--primary-400) 35%, transparent);border-radius:42% 58% 46% 54%/52% 44% 56% 48%;top:22%;left:18%}.wps--area-map .wps-p--2{left:calc(50% - var(--u) * 18);top:calc(46% - var(--u) * 40);width:calc(var(--u) * 36);height:calc(var(--u) * 36);background:var(--primary-500);box-shadow:0 calc(var(--u) * 10) calc(var(--u) * 18) calc(var(--u) * -8) #012b5799;border-radius:50% 50% 50% 0;rotate:-45deg}.wps--area-map .wps-p--3{left:calc(50% - var(--u) * 6);top:calc(46% - var(--u) * 28);width:calc(var(--u) * 12);height:calc(var(--u) * 12);border-radius:var(--r-pill);background:var(--surface)}.wps--area-map .wps-p--4{width:calc(var(--u) * 12);height:calc(var(--u) * 12);border-radius:var(--r-pill);background:var(--primary-400);box-shadow:0 0 0 calc(var(--u) * 5) color-mix(in srgb, var(--primary-400) 20%, transparent);top:62%;left:28%}.wps--area-map .wps-p--5{width:calc(var(--u) * 10);height:calc(var(--u) * 10);border-radius:var(--r-pill);background:var(--primary-300);box-shadow:0 0 0 calc(var(--u) * 5) color-mix(in srgb, var(--primary-300) 22%, transparent);top:34%;left:66%}