.pp-range{--pp-fill:0%;display:block;width:100%;height:1.5rem;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pp-range:focus,.pp-range:focus-visible{outline:none;box-shadow:none}.pp-range::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--cyan) 0,var(--cyan) var(--pp-fill),var(--line-strong) var(--pp-fill),var(--line-strong) 100%)}.pp-range::-moz-range-track{height:4px;border-radius:2px;background:var(--line-strong)}.pp-range::-moz-range-progress{height:4px;border-radius:2px;background:var(--cyan)}.pp-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;margin-top:-7px;border:2px solid var(--cyan);border-radius:var(--radius);background:var(--bg);box-shadow:0 0 0 0 transparent;-webkit-transition:box-shadow .16s linear,transform .16s var(--pp-ease,ease-out);transition:box-shadow .16s linear,transform .16s var(--pp-ease,ease-out)}.pp-range::-moz-range-thumb{width:14px;height:14px;border:2px solid var(--cyan);border-radius:var(--radius);background:var(--bg);-moz-transition:box-shadow .16s linear;transition:box-shadow .16s linear}.pp-range:active::-webkit-slider-thumb,.pp-range:hover::-webkit-slider-thumb{box-shadow:0 0 0 5px color-mix(in srgb,var(--cyan) 22%,transparent)}.pp-range:active::-webkit-slider-thumb{transform:scale(.94)}.pp-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--cyan)}.pp-range:hover::-moz-range-thumb{box-shadow:0 0 0 5px color-mix(in srgb,var(--cyan) 22%,transparent)}.pp-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--cyan)}.pp-range-scale{display:flex;justify-content:space-between;margin:.25rem 0 0;padding:0 9px;list-style:none;font-family:var(--font-mono);font-size:.6875rem;line-height:1rem;color:var(--fg-3);font-variant-numeric:tabular-nums}.pp-range-scale>li{position:relative;width:0;display:flex;justify-content:center;padding-top:.5rem;white-space:nowrap;transition:color .16s linear}.pp-range-scale>li:before{content:"";position:absolute;top:0;left:50%;width:1px;height:.375rem;background:var(--line-strong)}.pp-range-scale>li:first-child{justify-content:flex-start}.pp-range-scale>li:last-child{justify-content:flex-end}.pp-range-scale>li[data-on=true]{color:var(--fg-2)}.pp-range-scale>li[data-on=true]:before{background:var(--cyan)}.pp-pack{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.125rem;min-width:5.5rem;padding:.5rem .75rem;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg);font-family:var(--font-mono);cursor:pointer;transition:border-color .16s linear,background-color .16s linear,transform .16s var(--pp-ease,ease-out)}.pp-pack:hover{border-color:var(--cyan-2,var(--cyan));transform:translateY(-1px)}.pp-pack:active{transform:scale(.98)}.pp-pack--on{border-color:var(--cyan);background:var(--cyan-ink)}.pp-toggle.pp-toggle--fill{display:grid;width:100%}.pp-toggle--fill .pp-toggle-opt{padding:0 .25rem;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-demo-url{min-height:calc(3 * 1.5em + 1rem + 2px);margin:0;overflow-wrap:anywhere}.pp-panel[data-active=false]{display:none}.pp-country{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-2);transition:border-color .16s linear}.pp-country:hover{border-color:var(--line-strong)}@media (prefers-reduced-motion:reduce){.pp-pack,.pp-range-scale>li,.pp-range::-moz-range-thumb,.pp-range::-webkit-slider-thumb{-webkit-transition:none;-moz-transition:none;transition:none}.pp-pack:active,.pp-pack:hover{transform:none}}