.pbx{--dir:1}[dir=rtl] .pbx{--dir:-1}.pbx .pbx-in{animation:cws-pop .5s cubic-bezier(.22, 1, .36, 1) var(--d,0s) both}.pbx .pbx-row{animation:pbx-row .55s cubic-bezier(.22, 1, .36, 1) var(--d,0s) both;display:grid}.pbx .pbx-beam{stroke-dasharray:.22 1.3;stroke-dashoffset:-1.08px;animation:pbx-beam var(--dur,.9s) cubic-bezier(.45, 0, .3, 1) var(--d,0s) both}.pbx .pbx-ping{animation:pbx-ping 1s ease-out var(--d,0s)}.pbx .pbx-press{animation:cws-press .3s ease-in-out var(--d,0s)}.pbx .pbx-drain{animation:pbx-drain var(--dur,8s) linear var(--d,0s) both}.pbx .pbx-fill{transform-origin:0;animation:csc-grow var(--dur,.9s) cubic-bezier(.3, .8, .2, 1) var(--d,0s) both}[dir=rtl] .pbx .pbx-fill{transform-origin:100%}.pbx .pbx-draw{stroke-dasharray:1;animation:pbx-draw var(--dur,1s) ease-in-out var(--d,0s) both}.pbx .pbx-tick{counter-reset:pbx var(--pbx-s);animation:pbx-tick var(--dur,20s) steps(var(--n,20)) var(--d,0s) both}.pbx .pbx-tick:after{content:counter(pbx, decimal-leading-zero)}.pbx .pbx-blink{animation:1.4s ease-in-out infinite cws-breathe}.pbx .pbx-hl{background:color-mix(in oklab, var(--seed-1) 8%, transparent);animation:pbx-hl .35s ease-out var(--d,0s) both;background:color-mix(in oklab, var(--seed-1) 8%, transparent);animation:pbx-hl .35s ease-out var(--d,0s) both}@property --pbx-s{syntax:"<integer>";inherits:false;initial-value:0}.pbx .pbx-sheen{background:linear-gradient(110deg, var(--kk-1), var(--kk-2), var(--kk-3), var(--kk-2), var(--kk-1));background-size:260% 100%}@keyframes pbx-sheen{0%{background-position:0%}to{background-position:100%}}@keyframes pbx-doc-in{0%{opacity:0;filter:blur(4px);translate:7%;scale:.985}}@keyframes pbx-doc-out{to{opacity:0;filter:blur(4px);translate:-7%;scale:.985}}.pbx .pbx-ripple{animation:pbx-ripple 1.1s ease-out var(--d,0s) 2 both}@keyframes pbx-ripple{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.3)}}.pbx .pbx-gloss:after{content:"";animation:pbx-gloss 1.1s ease-out var(--d,0s) both;pointer-events:none;background:linear-gradient(105deg,#0000 30%,#ffffffb3 50%,#0000 70%);position:absolute;inset:0;translate:-130%}@keyframes pbx-gloss{to{translate:130%}}@keyframes pbx-dim{to{opacity:.45}}.pbx .pbx-hl2{animation:pbx-hl2 var(--dur,3s) ease-in-out var(--d,0s) both}@keyframes pbx-hl2{0%,to{background:0 0}12%,78%{background:color-mix(in oklab, var(--seed-1) 8%, transparent)}}@keyframes pbx-beam{0%{stroke-dashoffset:.22px;opacity:1}85%{opacity:1}to{stroke-dashoffset:-1.08px;opacity:0}}@keyframes pbx-ping{30%{box-shadow:0 0 0 4px color-mix(in oklab, var(--seed-1) 30%, transparent)}}@keyframes pbx-drain{0%{stroke-dashoffset:0}}@keyframes pbx-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes pbx-tick{0%{--pbx-s:var(--from,0)}to{--pbx-s:var(--to,20)}}@keyframes pbx-slide{0%{translate:calc(var(--dir) * var(--from-x,0cqw)) 0}to{translate:calc(var(--dir) * var(--to-x)) 0}}@keyframes pbx-lift{50%{scale:1.05;rotate:calc(var(--dir) * 2.5deg);box-shadow:0 26px 40px -18px #00000073}}