@media (min-width:1024px) and (prefers-reduced-motion:no-preference){html:not(.tk-reduced) .sh:has(.bx-track){--pad:0px;align-items:flex-start;padding-block:0}html:not(.tk-reduced) .sh:has(.bx-track) .sh-in{align-items:start}html:not(.tk-reduced) .sh:has(.bx-track) .sh-copy{margin-block:clamp(104px,50svh - 250px,240px) 64px;position:sticky;top:clamp(104px,50svh - 250px,240px)}}.sh-obj[data-obj=work-fan],.sh-obj[data-obj=box-fold]{perspective:none;justify-items:stretch;gap:0}.sh-obj:is([data-obj=work-fan],[data-obj=box-fold]) .sh-tilt{will-change:auto;transform-style:flat;transform:none}.bx-track{width:100%}.bx-stage{align-content:center;display:grid;overflow:visible!important}.bx-root{justify-items:center;gap:clamp(6px,1.4vh,16px);width:100%;padding-block-start:0;display:grid;position:relative}.bx{--px:min(calc(100cqi / 36), calc((100svh - 150px) / 39));--ink-d:#14201c;--paper-w:#fbfbf6;--paper-sh:#e4e6da;width:calc(var(--px) * 36);height:calc(var(--px) * 38);touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:default;direction:ltr;max-width:100%;position:relative}.bx[data-drag]{cursor:grabbing}.bx-cam{perspective:calc(var(--px) * 120);perspective-origin:50% 42%;position:absolute;inset:0}.bx-rig,.bx-body{width:0;height:0;transform-style:preserve-3d;position:absolute;top:50%;left:50%}.bx-rig{transform:translate3d(calc(var(--px) * -5.7), 0, 0)}.bx-body{top:0;left:0}.bx-floor{width:calc(var(--px) * 26);height:calc(var(--px) * 26);margin:calc(var(--px) * -13) 0 0 calc(var(--px) * -13);transform:translateY(calc(var(--px) * 11)) scaleY(.26);opacity:var(--shadow,0);pointer-events:none;background:radial-gradient(closest-side,#1e2c005c,#1e2c0000);position:absolute;top:50%;left:50%}.bx-p{transform-style:preserve-3d;position:absolute}.bx-o,.bx-i{backface-visibility:hidden;clip-path:var(--clip,none);position:absolute;inset:0;overflow:hidden}.bx-o{background:var(--paper-w);color:var(--ink-d)}.bx-i{background:var(--paper-sh);transform:rotateY(180deg)}.is-print>.bx-o{background:var(--sb);color:var(--sb-on);transition:background-color .55s,color .55s}.bx-sh{opacity:0;pointer-events:none;background:#0b1407;position:absolute;inset:0}.bx-cr{opacity:0;pointer-events:none;background:linear-gradient(90deg,#0a120680,#0000 22%);position:absolute;inset:0}.bx-front{width:calc(var(--px) * 10);height:calc(var(--px) * 17);left:calc(var(--px) * -5);top:calc(var(--px) * -8.5)}.bx-sideL{width:calc(var(--px) * 5);transform-origin:100%;height:100%;top:0;right:100%}.bx-sideL .bx-cr{background:linear-gradient(270deg,#0a120680,#0000 22%)}.bx-sideR{width:calc(var(--px) * 5);transform-origin:0;height:100%;top:0;left:100%}.bx-back{width:calc(var(--px) * 10);transform-origin:0;height:100%;top:0;left:100%}.bx-glue{width:calc(var(--px) * 1.4);transform-origin:0;height:100%;top:0;left:100%}.bx-lid{width:100%;height:calc(var(--px) * 5);transform-origin:50% 100%;bottom:100%;left:0}.bx-lid .bx-cr{background:linear-gradient(#0000 70%,#0a120680)}.bx-lidTuck{--ch:calc(var(--px) * 1.3);width:100%;height:calc(var(--px) * 2.6);transform-origin:50% 100%;bottom:100%;left:0}.bx-bottom{width:100%;height:calc(var(--px) * 5);transform-origin:50% 0;top:100%;left:0}.bx-bottom .bx-cr{background:linear-gradient(#0a120680,#0000 30%)}.bx-botTuck{--ch:calc(var(--px) * 1.3);width:100%;height:calc(var(--px) * 2.6);transform-origin:50% 0;top:100%;left:0}.bx-dustLT,.bx-dustRT{--ch:calc(var(--px) * 1.1);width:100%;height:calc(var(--px) * 2.2);transform-origin:50% 100%;bottom:100%;left:0}.bx-dustLB,.bx-dustRB{--ch:calc(var(--px) * 1.1);width:100%;height:calc(var(--px) * 2.2);transform-origin:50% 0;top:100%;left:0}.bx-glue>.bx-o,.bx-lidTuck>.bx-o,.bx-botTuck>.bx-o{background:var(--paper-sh)}.bx-die{pointer-events:none;max-width:none;left:calc(var(--px) * var(--x0));top:calc(var(--px) * var(--y0));width:calc(var(--px) * var(--dw));height:calc(var(--px) * var(--dh));transform:translateZ(calc(var(--px) * .04));opacity:var(--die,1);fill:none;stroke:var(--ink-d);position:absolute;overflow:visible}.bx-cut{stroke-width:.075px;stroke-dasharray:1 0}.bx-fold{stroke-width:.06px;stroke-dasharray:.42 .3;opacity:.72}.bx-crop{stroke-width:.06px;stroke:var(--fg)}.bx-ang{stroke-width:.05px;stroke:var(--fg)}.bx-lab{left:calc(var(--px) * var(--x));top:calc(var(--px) * var(--y));transform:translate3d(-50%, -50%, calc(var(--px) * .06));opacity:var(--die,1);pointer-events:none;font:600 max(12px, calc(var(--px) * .72))/1 var(--f-mono);letter-spacing:.02em;white-space:nowrap;color:color-mix(in srgb, var(--ink-d) 78%, transparent);position:absolute}.bx-lab[data-a=end]{transform:translate3d(-100%, -50%, calc(var(--px) * .06));color:var(--fg)}:lang(ar) .bx-lab{font:600 max(12px, calc(var(--px) * .78))/1.2 var(--f-sans);letter-spacing:0}@media (prefers-reduced-motion:no-preference){html:not(.tk-reduced) .bx-cut{animation:1.5s cubic-bezier(.5,0,.2,1) .35s both bx-plot}}@keyframes bx-plot{0%{stroke-dasharray:0 1}to{stroke-dasharray:1 0}}.bx-art{fill:currentColor;width:100%;max-width:none;height:100%;font-family:var(--f-display);position:absolute;inset:0}.bx-nm text{letter-spacing:-.03em;font-stretch:112%}:lang(ar) .bx-nm text,:lang(ar) .bx-vert text,:lang(ar) .bx-sd-t text{letter-spacing:0;font-stretch:100%}.bx-pr text{font-family:var(--f-mono)}:lang(ar) .bx-pr text{font-family:var(--f-sans)}.bx-fr{display:block;position:absolute;inset:0}.bx-fr>.bx-sm{top:calc(var(--px) * .95);position:absolute;inset-inline-start:calc(var(--px) * .95)}:lang(ar) .bx-fr>.bx-sm{inset-inline-start:auto;inset-inline-end:calc(var(--px) * .95)}.bx-sm{width:calc(var(--px) * 2.3);height:calc(var(--px) * 2.3);display:block}.bx-sd{align-content:start;display:grid;position:absolute;inset:0}.bx-sd-t{aspect-ratio:200/130;height:auto;position:relative;inset:auto}.bx-sd .bx-greek{margin:calc(var(--px) * .4) calc(var(--px) * .6) 0}.bx-bk{align-content:start;gap:calc(var(--px) * .8);padding:calc(var(--px) * .95);color:var(--sb);transition:color .55s;display:grid;position:absolute;inset:0}.bx-ld{place-items:center;display:grid;position:absolute;inset:0}.bx-greek{gap:calc(var(--px) * .32);display:grid}.bx-greek i{height:calc(var(--px) * .16);width:var(--w);opacity:.34;background:currentColor;display:block}.bx-sd .bx-greek i{background:var(--ink-d)}.bx-foot{justify-items:center;width:100%;min-height:48px;display:grid;position:relative}.bx-foot>*{grid-area:1/1}.bx-foot-a{font:500 12px/1.4 var(--f-mono);color:var(--fg);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;margin:0;transition:opacity .3s;display:flex}:lang(ar) .bx-foot-a{font:500 13px/1.5 var(--f-sans)}.bx-root:not([data-phase=net]):not([data-phase=fold]) .bx-foot-a{opacity:0;pointer-events:none}@media (max-width:1023px),(prefers-reduced-motion:reduce){.bx{--px:min(calc(100cqi / 36), calc((100svh - 150px) / 40));height:calc(var(--px) * 40)}.bx-stage{display:block;height:auto!important}}html.tk-reduced .bx{--px:min(calc(100cqi / 36), calc((100svh - 150px) / 40));height:calc(var(--px) * 40)}@media (max-width:1023px) and (prefers-reduced-motion:no-preference){html:not(.tk-reduced) .bx-track{height:calc(100svh + 130vh)}html:not(.tk-reduced) .bx-stage{position:sticky;top:max(64px,50svh + min(111cqi,100svh - 150px)/-2 - 28px)}}@media (max-width:767px){.bx-root{gap:4px}}
.br-wrap{gap:clamp(20px,3vw,40px);display:grid}.br-head{gap:12px;max-width:min(900px,100%);display:grid}.br-line{color:var(--fg-2);margin:0;font-size:clamp(1.06rem,.98rem + .4vw,1.3rem);line-height:1.4}.br-ctas{flex-wrap:wrap;gap:10px 12px;margin:0;display:flex}.br-demo{--c:#2340b8;--on:#fff;--hi:.3;gap:18px;display:grid;position:relative}.br-stage{aspect-ratio:16/9;isolation:isolate;background:#26301b;border-radius:clamp(10px,1.2vw,18px);width:100%;position:relative;overflow:hidden}.br-scene{position:absolute;inset:0}.br-scene--m{display:none}.br-base,.br-hi{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.br-defs{position:absolute}.br-obj{display:block;position:absolute;inset:0}.br-mul{background:var(--c);mix-blend-mode:multiply;clip-path:var(--clip);opacity:0;transition:background-color .42s ease calc(var(--i) * 70ms), opacity .6s ease calc(var(--i) * .17s);position:absolute;inset:0}.br-hi{mix-blend-mode:screen;clip-path:var(--clip);opacity:0;filter:url(#br-highlights);transition:opacity .6s ease calc(var(--i) * .17s)}.br-demo[data-tint=on] .br-mul{opacity:1}.br-demo[data-tint=on] .br-hi{opacity:var(--hi)}.br-demo[data-tint=on] [data-o=sign] .br-hi{opacity:calc(var(--hi) * .3)}.br-demo[data-tint=on] [data-o=catalogue] .br-hi{opacity:calc(var(--hi) * .42)}.br-demo[data-drag] .br-mul{transition:background-color .16s linear calc(var(--i) * 45ms)}.br-print{pointer-events:none;color:var(--on);opacity:0;transition:opacity .5s .25s,color .4s;position:absolute;inset:0}.br-demo[data-tint=on] .br-print{opacity:1}.br-print-in{width:calc(var(--fw) * 1px);height:calc(var(--fh) * 1px);transform-origin:0 0;transform:scale(var(--k,1));position:absolute;top:0;left:0}.br-plane{transform-origin:0 0;display:block;position:absolute;top:0;left:0}.br-c,.br-l,.br-r,.br-s{flex-direction:column;display:flex;position:absolute;inset:0}.br-c{justify-content:space-between;padding:44px 40px 40px}.br-c .br-sm{width:110px;height:110px}.br-c .br-t1{margin-block-start:auto;font-size:88px}.br-c .br-t2{margin-block-start:24px;font-size:28px}.br-l{justify-content:flex-end;padding:48px 44px}.br-l .br-t1{font-size:92px}.br-l .br-t2{margin-block-start:18px;font-size:30px}.br-r{gap:26px;padding:48px 44px}.br-block{background:var(--on);opacity:.16;width:100%;height:46%;display:block}.br-r .br-t2{font-size:30px}.br-s{justify-content:space-between;padding:60px 56px}.br-s .br-sm{width:120px;height:120px}.br-s .br-t1{margin-block-start:auto;font-size:128px}.br-s .br-t2{margin-block-start:22px;font-size:34px}.br-sm{display:block}.br-t1{font-family:var(--f-display);letter-spacing:-.03em;font-weight:850;font-stretch:112%;line-height:.92;transition:font-weight .3s;display:block}.br-t2{font-family:var(--f-sans);opacity:.92;font-weight:500;line-height:1.3;display:block}.br-demo[data-pair=b] .br-t1{letter-spacing:-.01em;font-weight:300;font-stretch:75%;line-height:1}.br-demo[data-pair=b] .br-t2{font-family:var(--f-mono);font-size:.82em;font-weight:400}:lang(ar) .br-t1{letter-spacing:0;font-weight:800;font-stretch:100%;line-height:var(--lh-ar-display)}:lang(ar) .br-t2{font-family:var(--f-sans);letter-spacing:0;line-height:1.55}:lang(ar) .br-demo[data-pair=b] .br-t1{font-weight:300;line-height:1.3}:lang(ar) .br-demo[data-pair=b] .br-t2{font-family:var(--f-sans);font-size:1em;font-weight:700}:lang(ar) .br-c,:lang(ar) .br-l,:lang(ar) .br-r,:lang(ar) .br-s{direction:rtl}:lang(ar) .br-c .br-t1{font-size:66px}:lang(ar) .br-l .br-t1{font-size:72px}:lang(ar) .br-s .br-t1{font-size:96px}.br-greek{gap:14px;display:grid}.br-greek i{width:var(--w);background:var(--on);opacity:.42;height:7px;display:block}.br-web{aspect-ratio:3.4;width:33%;color:var(--on);opacity:0;background:#f4f6ec;border-radius:clamp(5px,.6vw,9px);grid-template-rows:auto 1fr;transition:opacity .5s .36s,transform .5s .36s;display:grid;position:absolute;top:9%;left:37%;overflow:hidden;transform:translateY(6px);box-shadow:0 18px 34px -16px #000000b3;container-type:inline-size}.br-demo[data-tint=on] .br-web{opacity:1;transform:none}.br-web-bar{background:#e5e8dd;gap:1.2cqi;padding:1.8cqi 2.4cqi;display:flex}.br-web-bar i{background:#a8ae9e;border-radius:50%;width:1.6cqi;height:1.6cqi}.br-web-h{background:var(--c);align-items:center;gap:2.6cqi;min-height:0;padding-inline:4cqi;transition:background-color .42s .21s;display:flex}.br-web-h .br-sm{flex:none;width:7.2cqi;height:7.2cqi}.br-web-h .br-t1{white-space:nowrap;font-size:6.6cqi}.br-web-nav{gap:2.4cqi;margin-inline-start:auto;display:flex}.br-web-nav i{background:var(--on);opacity:.65;width:7cqi;height:1cqi}:lang(ar) .br-web-h{direction:rtl}.br-tag{z-index:3;--fg:#f2f5ea;--fg-2:#e3e8d8;--fg-3:#cfd6c2;--rule:#f2f5ea99;color:#f2f5ea;position:absolute;inset-block-start:14px;inset-inline-end:14px}.br-tag .tag{color:#f2f5ea;border-color:#f2f5ea99}.br-labels{pointer-events:none;font:500 12px/1.3 var(--f-mono);color:#eef2e4;opacity:0;margin:0;padding:0;list-style:none;transition:opacity .5s .5s;position:absolute;inset:0}:lang(ar) .br-labels{font:500 13px/1.4 var(--f-sans)}.br-demo[data-tint=on] .br-labels{opacity:.82}.br-labels li{white-space:nowrap;position:absolute;transform:translate(-50%)}.br-labels [data-p=box]{top:86%;left:27.7%}.br-labels [data-p=catalogue]{top:34.4%;left:53.5%}.br-labels [data-p=header]{top:5.2%;left:53.5%}.br-labels [data-p=sign]{top:89.5%;left:82%}.br-slip{z-index:2;color:#14201c;opacity:0;background:#fbfbf6;border-radius:3px;align-items:center;gap:12px;width:clamp(232px,26.4vw,380px);min-height:clamp(72px,7.6vw,104px);padding:10px 14px;transition:opacity .45s .6s;display:flex;position:absolute;bottom:2.4%;left:calc(53.5% - clamp(116px,13.2vw,190px));transform:rotate(-1.6deg);box-shadow:0 14px 26px -14px #000c}.br-demo[data-tint=on] .br-slip{opacity:1}.br-slip-c{aspect-ratio:1;background:var(--c);flex:none;width:clamp(34px,3.4vw,50px);transition:background-color .3s;box-shadow:inset 0 0 0 1px #0000001a}.br-slip-t{gap:1px;min-width:0;display:grid}.br-slip-l{font:700 12px/1.3 var(--f-mono);letter-spacing:.02em}:lang(ar) .br-slip-l{font:700 13px/1.4 var(--f-sans);letter-spacing:0}.br-slip-v{font:500 12px/1.35 var(--f-mono);white-space:nowrap;color:#3a463f}:lang(ar) .br-slip-v{font-family:var(--f-sans)}.br-slip-ink{top:-30%;bottom:-24%;pointer-events:none;width:50%;position:absolute;inset-inline-end:1%}.br-slip .br-slip-ink .hand{color:#14201c!important}.br-slip-void{inset-inline-end:12px;max-width:44%;font:500 12px/1.3 var(--f-sans);color:#55615a;text-align:end;position:absolute;top:50%;transform:translateY(-50%)}.br-ctl{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 22px;display:flex}.br-ring{cursor:grab;touch-action:none;border-radius:50%;outline:none;flex:none;width:152px;height:152px;position:relative}.br-demo[data-drag] .br-ring{cursor:grabbing}.br-ring:focus-visible{box-shadow:0 0 0 3px var(--focus,currentColor)}.br-ring-hole{background:var(--bg,#14201c);border-radius:50%;place-items:center;display:grid;position:absolute;inset:24px}.br-ring-dot{aspect-ratio:1;background:var(--c);border-radius:50%;width:58%;transition:background-color .2s linear;box-shadow:0 0 0 1px #ffffff29}.br-notch{width:0;height:0;position:absolute;top:50%;left:50%}.br-notch:before{content:"";transform-origin:1px 76px;background:#0a0e08b3;width:2px;height:7px;position:absolute;top:-76px;left:-1px}.br-notch{transform:rotate(calc(var(--a) + 90deg))}.br-ring-h{background:var(--c);width:26px;height:26px;box-shadow:0 0 0 3px var(--fg,#fff), 0 0 0 5px var(--bg,#000), 0 5px 10px #0006;transform:rotate(var(--h)) translateX(64px);pointer-events:none;border-radius:50%;margin:-13px 0 0 -13px;transition:transform 80ms linear;position:absolute;top:50%;left:50%}.br-side{justify-items:start;gap:12px;min-width:0;display:grid}.br-sw{grid-template-columns:repeat(6,44px);gap:4px;display:grid}.br-swatch{cursor:pointer;background:0 0;border:0;border-radius:50%;width:44px;height:44px;padding:0;position:relative}.br-swatch:before{content:"";background:var(--s);border-radius:50%;transition:transform .22s cubic-bezier(.3,1.5,.5,1);position:absolute;inset:7px;box-shadow:inset 0 0 0 1px #ffffff24}.br-swatch:after{content:"";box-shadow:0 0 0 0 var(--fg);border-radius:50%;transition:box-shadow .15s;position:absolute;inset:2px}.br-swatch:hover:before,.br-swatch:active:before{transform:scale(1.14)}.br-swatch[aria-pressed=true]:after{box-shadow:0 0 0 2px var(--fg)}.br-swatch:focus-visible{outline:2px solid var(--focus,currentColor);outline-offset:1px}.br-pair{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.br-pair-b{white-space:nowrap;border:1px solid var(--rule);min-height:44px;color:var(--fg);font:600 14px/1 var(--f-sans);cursor:pointer;background:0 0;border-radius:999px;padding:0 14px}.br-pair-b[data-k=a]{font-family:var(--f-display);font-weight:800}.br-pair-b[data-k=b]{font-family:var(--f-mono);font-size:13px;font-weight:400}:lang(ar) .br-pair-b[data-k=b]{font-family:var(--f-sans);font-size:14px;font-weight:400}.br-pair-b[aria-pressed=true]{border-color:var(--fg);box-shadow:inset 0 0 0 1px var(--fg)}@media (min-width:1180px){.br-ctl{z-index:3;--fg:#f2f5ea;--bg:#20261a;--rule:#f2f5ea4d;color:#f2f5ea;flex-direction:column;align-items:center;gap:14px;width:15.6%;min-width:176px;position:absolute;top:clamp(36px,3vw,56px);left:clamp(10px,1.1vw,18px)}.br-side{justify-items:center}.br-sw{grid-template-columns:repeat(3,44px)}.br-pair{flex-direction:column;align-items:stretch;width:100%}.br-pair-b{color:#f2f5ea}}.br-code{color:var(--on);grid-template-columns:repeat(3,1fr);align-items:stretch;gap:5%;padding:12% 8%;display:none;position:absolute;inset:0}.br-demo[data-noavif] .br-scene{display:none}.br-demo[data-noavif] .br-code{display:grid}.br-cp{background:var(--c);flex-direction:column;justify-content:space-between;padding:16px;display:flex}.br-cp .br-sm{width:32px;height:32px}.br-cp .br-t1{font-size:clamp(16px,2.2vw,30px)}@media (max-width:767px),(max-aspect-ratio:1){.br-stage{aspect-ratio:4/5}.br-scene--d{display:none}.br-scene--m{display:block}.br-web{aspect-ratio:3.1;width:58%;top:9%;left:37%}.br-labels [data-p=box]{top:26.5%;left:21.5%}.br-labels [data-p=catalogue]{top:39.6%;left:64%}.br-tag{inset-inline-end:auto;top:10px;left:10px}.br-labels [data-p=header]{top:4.6%;left:66%}.br-labels [data-p=sign]{display:none}.br-slip{gap:10px;width:auto;min-height:62px;padding:8px 12px;bottom:2.4%;left:3%;right:3%}.br-slip-ink{width:44%;top:-34%;bottom:-22%}.br-sw{grid-template-columns:repeat(3,44px)}.br-ctl{flex-wrap:nowrap;justify-content:center}.br-side{justify-items:center}.br-pair-b{padding:0 10px}}@media (max-width:374px){.br-ring{width:128px;height:128px}.br-ring-hole{inset:20px}.br-ring-h{transform:rotate(var(--h)) translateX(54px)}.br-notch:before{transform-origin:1px 64px;top:-64px}}
.bx-fan{pointer-events:none;position:absolute;inset:0}.wf-fan{left:var(--rim-x,50%);top:var(--rim-y,0);touch-action:pan-y;pointer-events:none;width:0;height:0;margin:0;padding:0;list-style:none;position:absolute}.wf-card{width:calc(var(--px) * 15.6);height:calc(var(--px) * 19.5);left:calc(var(--px) * -7.8);top:calc(var(--px) * -19.5);transform-origin:50% 100%;border-radius:calc(var(--px) * .32);cursor:pointer;opacity:0;pointer-events:auto;outline:none;position:absolute}.wf-pic{border-radius:inherit;box-shadow:0 0 0 1px #ffffff14, 0 calc(var(--px) * .9) calc(var(--px) * 1.8) calc(var(--px) * -.5) #141a0699;background:#26301b;display:block;position:absolute;inset:0;overflow:hidden}.wf-pic picture,.wf-pic img{object-fit:cover;transform-origin:var(--ox,50%) var(--oy,50%);transform:scale(var(--z,1));display:block;width:100%!important;height:100%!important}.wf-dim{opacity:0;pointer-events:none;background:#101408;transition:opacity .25s;position:absolute;inset:0}.wf-fan[data-has-on] .wf-card:not([data-on]) .wf-dim{opacity:.38}.wf-card:focus-visible .wf-pic{box-shadow:0 0 0 3px var(--ink-d,#14201c), 0 calc(var(--px) * .9) calc(var(--px) * 1.8) calc(var(--px) * -.5) #141a0699}.wf-card[data-on] .wf-pic{box-shadow:0 0 0 2px var(--ink-d,#14201c), 0 calc(var(--px) * 1.6) calc(var(--px) * 3) calc(var(--px) * -.8) #141a06b3}.wf-tab{top:calc(max(16px, var(--px) * 1.2) * -.74);min-width:max(16px, calc(var(--px) * 1.3));height:max(16px, calc(var(--px) * 1.2));padding-inline:calc(var(--px) * .2);border-radius:calc(var(--px) * .2) calc(var(--px) * .2) 0 0;background:var(--ink-d,#14201c);color:#d8f55a;font:700 max(12px, calc(var(--px) * .7))/1 var(--f-mono);z-index:-1;place-items:center;display:grid;position:absolute;inset-inline-start:calc(var(--px) * .6)}.wf-own{place-items:center;display:grid;position:absolute;inset:0}.wf-mark{direction:ltr;background:#f4f6ec;justify-items:start;padding-inline-start:5%;transition:padding .3s}.wf-mark .m-p{fill:#14201c}.wf-mark .mark{width:21%;height:auto;transition:width .3s}.wf-card[data-on] .wf-mark{padding-inline-start:19%}.wf-card[data-on] .wf-mark .mark{width:62%}.wf-holo{object-fit:cover}.wf-sheet{color:#edf2e8;background:#14201c}.wf-sheet svg{fill:none;width:100%;height:100%;position:absolute;inset:0}.wf-grid path{stroke:#d8f55a;stroke-width:.3px;opacity:.28}.wf-rule{stroke:#d8f55a;stroke-width:.7px}.wf-arc{stroke:#edf2e8;stroke-width:.7px}.wf-sheet-m{--logo-ink:#edf2e8;--logo-play:#d8f55a;direction:ltr;width:26%;position:absolute;inset-block-start:10%;inset-inline-end:6%}.wf-sheet-m .mark{width:100%;height:auto}.wf-sheet-m .m-p{fill:#edf2e8}.wf-sheet-m .m-play{fill:#d8f55a}.wf-sheet-a{font:500 max(12px, calc(var(--px) * .62))/1 var(--f-mono);color:#d8f55a;position:absolute;inset-block-end:7%;inset-inline-end:8%}.wf-note{opacity:0;pointer-events:none;justify-items:center;width:100%;transition:opacity .3s;display:grid;position:relative}.bx-root[data-phase=fan] .wf-note,.bx-root[data-reduced] .wf-note{opacity:1;pointer-events:auto}.wf-cap{text-align:center;max-width:46ch;color:var(--fg);flex-wrap:wrap;grid-area:1/1;justify-content:center;align-items:center;gap:4px 10px;margin:0;font-size:15px;line-height:1.4;transition:opacity .2s;display:flex}.wf-cap[data-cap]{opacity:0;pointer-events:none}.wf-cap[data-cap][data-on]{opacity:1}.bx-root[data-card] .wf-cap-rest{opacity:0}.wf-cap-n{font-weight:700}.wf-cap-k{color:var(--fg-2)}.wf-note-t{color:var(--fg)}@media (prefers-reduced-motion:reduce){.wf-card{opacity:1}}