:where(.pg-tools) .tcard{cursor:pointer;text-align:left;font:inherit;color:#fff;transition:transform .35s cubic-bezier(.2,.7,.2,1),background .3s,border-color .3s,box-shadow .35s}:where(.pg-tools) .tcard:hover{transform:translateY(-4px);border-color:#a5aaff!important}:where(.pg-tools) .tcard:focus-visible,:where(.pg-tools) .sb:focus-visible,:where(.pg-tools) .num:focus-visible,:where(.pg-tools) .rng:focus-visible{outline-offset:3px;outline:3px solid #a5aaff}:where(.pg-tools) .tcard .tic{transition:transform .5s cubic-bezier(.2,.7,.2,1)}:where(.pg-tools) .tcard:hover .tic{transform:rotate(-8deg)scale(1.08)}:where(.pg-tools) .tbar{transition:width .5s cubic-bezier(.2,.7,.2,1)}:where(.pg-tools) .panel-in{animation:.6s cubic-bezier(.2,.7,.2,1) both pin}@keyframes pin{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0}}:where(.pg-tools) .seg{background:#f1f0f8;border-radius:14px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}:where(.pg-tools) .sb{min-height:44px;font:inherit;color:#55546a;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:auto;padding:0 14px;font-size:14px;font-weight:700;transition:background .3s,color .3s,box-shadow .3s,transform .25s cubic-bezier(.2,.7,.2,1)}:where(.pg-tools) .sb:hover{color:#14121a;transform:translateY(-1px)}:where(.pg-tools) .sb.on{color:#fff;background:linear-gradient(135deg,#646cff,#7c3aed);box-shadow:0 8px 20px -8px #646cffcc}:where(.pg-tools) .segd{background:#ffffff0f}:where(.pg-tools) .segd .sb{color:#ffffffb3}:where(.pg-tools) .segd .sb:hover,:where(.pg-tools) .segd .sb.on{color:#fff}.dark :where(.pg-tools) .seg:not(.segd){background:#1f1d2b}.dark :where(.pg-tools) .seg .sb{color:#ffffffb3}.dark :where(.pg-tools) .seg .sb:hover,.dark :where(.pg-tools) .seg .sb.on{color:#fff}:where(.pg-tools) .num{box-sizing:border-box;width:118px;height:44px;font:inherit;color:#14121a;text-align:right;background:#fff;border:1px solid #dcdbe8;border-radius:12px;padding:0 12px;font-size:16px;font-weight:800;transition:border-color .2s,box-shadow .2s}:where(.pg-tools) .num:focus{border-color:#646cff;outline:none;box-shadow:0 0 0 4px #646cff2e}.dark :where(.pg-tools) .num{color:#f2f1f7;background:#0e0c14;border-color:#ffffff29}:where(.pg-tools) .rng{appearance:none;cursor:pointer;background:linear-gradient(90deg,#646cff,#7c3aed) 0 0/var(--p,50%) 100% no-repeat,#e6e5ee;border-radius:999px;width:100%;height:8px;margin:16px 0 0;transition:background-size .35s cubic-bezier(.2,.7,.2,1)}.dark :where(.pg-tools) .rng{background-color:#ffffff1f}:where(.pg-tools) .rng::-webkit-slider-thumb{appearance:none;background:#fff;border:3px solid #646cff;border-radius:50%;width:24px;height:24px;transition:transform .2s;box-shadow:0 4px 12px #4c3cb459}:where(.pg-tools) .rng::-moz-range-thumb{background:#fff;border:3px solid #646cff;border-radius:50%;width:20px;height:20px;box-shadow:0 4px 12px #4c3cb459}:where(.pg-tools) .rng:active::-webkit-slider-thumb{transform:scale(1.2)}:where(.pg-tools) .kpi{transition:transform .4s cubic-bezier(.2,.7,.2,1),border-color .3s,background .3s}:where(.pg-tools) .kpi:hover{transform:translateY(-3px);border-color:#a5aaff73!important}:where(.pg-tools) .kv{font-variant-numeric:tabular-nums}:where(.pg-tools) .kfs{white-space:nowrap;font-size:clamp(24px,2.3vw,32px)!important}:where(.pg-tools) .draw{stroke-dasharray:1400;animation:1.4s cubic-bezier(.2,.7,.2,1) both draw}@keyframes draw{0%{stroke-dashoffset:1400px}to{stroke-dashoffset:0}}:where(.pg-tools) .morph{transition:d .7s cubic-bezier(.2,.7,.2,1)}:where(.pg-tools) .mv{transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .4s}:where(.pg-tools) .ring{transition:stroke-dashoffset .8s cubic-bezier(.2,.7,.2,1),stroke-dasharray .8s cubic-bezier(.2,.7,.2,1)}:where(.pg-tools) .ringin{animation:1.2s cubic-bezier(.2,.7,.2,1) both ringin}@keyframes ringin{0%{opacity:0;rotate:-90deg;scale:.85}to{opacity:1;rotate:0deg;scale:1}}:where(.pg-tools) .seg-w{transition:width .7s cubic-bezier(.2,.7,.2,1)}:where(.pg-tools) .gbar{transition:left .7s cubic-bezier(.2,.7,.2,1),width .7s cubic-bezier(.2,.7,.2,1)}:where(.pg-tools) .grow{animation:1.1s cubic-bezier(.2,.7,.2,1) both tools-grow}@keyframes tools-grow{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}:where(.pg-tools) .wsi{animation:.5s cubic-bezier(.2,.7,.2,1) both wsi}@keyframes wsi{0%{opacity:0;translate:-14px}to{opacity:1;translate:0}}:where(.pg-tools) .live{background:#a5aaff;border-radius:50%;width:8px;height:8px;animation:2.4s ease-in-out infinite mpulse}:where(.pg-tools) .vrd{animation:.6s cubic-bezier(.2,.7,.2,1) .2s both pin}:where(.pg-tools) .flt{animation:6s ease-in-out infinite mfloat}@container page (max-width:900px){:where(.pg-tools) .calc{padding:22px!important}:where(.pg-tools) .res{padding:24px!important}:where(.pg-tools) .tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}:where(.pg-tools) .tline{display:none!important}}@media (prefers-reduced-motion:reduce){:where(.pg-tools) .tcard,:where(.pg-tools) .tbar,:where(.pg-tools) .panel-in,:where(.pg-tools) .sb,:where(.pg-tools) .rng,:where(.pg-tools) .kpi,:where(.pg-tools) .draw,:where(.pg-tools) .morph,:where(.pg-tools) .mv,:where(.pg-tools) .ring,:where(.pg-tools) .ringin,:where(.pg-tools) .seg-w,:where(.pg-tools) .gbar,:where(.pg-tools) .grow,:where(.pg-tools) .wsi,:where(.pg-tools) .live,:where(.pg-tools) .vrd,:where(.pg-tools) .flt{transition:none!important;animation:none!important}}
