.pnx-pick{--pick-ink:var(--md-sys-color-on-surface,#1b1b1b);--pick-muted:var(--md-sys-color-on-surface-variant,#474747);--pick-surface:var(--md-sys-color-surface,#f9f9f9);--pick-tile:var(--md-sys-color-surface-container-low,#f3f3f3);--pick-tile-hover:var(--md-sys-color-surface-container,#eee);--pick-card:var(--md-sys-color-surface-container-lowest,#fff);--pick-line:var(--md-sys-color-outline-variant,#c6c6c6);--pick-outline:var(--md-sys-color-outline,#777);--pick-accent:var(--md-sys-color-primary,#b50d29);--pick-chosen-bg:var(--md-sys-color-secondary-container,#ffdada);--pick-chosen-ink:var(--md-sys-color-on-secondary-container,#410007);min-width:0;color:var(--pick-ink);gap:1.5rem;font-family:inherit;display:grid}.pnx-pick__sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.pnx-pick__empty{border:1px dashed var(--pick-outline);text-align:center;color:var(--pick-muted);border-radius:.75rem;margin:0;padding:1.5rem 1rem}.pnx-pick__group{gap:.5rem;min-width:0;display:grid}.pnx-pick__group-title{align-items:baseline;gap:.5rem;margin:0;font-size:.875rem;font-weight:650;line-height:1.4;display:flex}.pnx-pick__group-count{color:var(--pick-muted);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:400}.pnx-pick__grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,11rem),1fr));gap:.5rem;display:grid}.pnx-pick:not([data-visual]) .pnx-pick__grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,9rem),1fr))}.pnx-pick__tile{border:1px solid var(--pick-line);background:var(--pick-tile);min-height:3.5rem;color:inherit;font:inherit;text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:.75rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;margin:0;padding:.5rem .625rem;transition:background-color .15s,border-color .15s,box-shadow .15s,color .15s;display:grid;position:relative}.pnx-pick:not([data-visual]) .pnx-pick__tile{grid-template-columns:minmax(0,1fr)}.pnx-pick__body{gap:.0625rem;min-width:0;display:grid}.pnx-pick__name{overflow-wrap:anywhere;font-size:.9375rem;font-weight:600;line-height:1.3}.pnx-pick__value{color:var(--pick-muted);overflow-wrap:anywhere;font-size:.8125rem;line-height:1.25}.pnx-pick__swatch{forced-color-adjust:none;background:radial-gradient(circle at 32% 26%, rgb(255 255 255/calc(var(--pnx-pick-gloss,0) * .5)), transparent 58%), linear-gradient(135deg, rgb(255 255 255/calc(var(--pnx-pick-metal,0) * .32)), transparent 42%, rgb(0 0 0/calc(var(--pnx-pick-metal,0) * .22))), color-mix(in srgb, var(--pnx-pick-colour,transparent) calc(var(--pnx-pick-opacity,1) * 100%), transparent);border-radius:.5rem;width:2.75rem;height:2.75rem;position:relative;box-shadow:inset 0 0 0 1px oklch(0% 0 0/.14)}.pnx-pick__swatch[data-clear=true]{background:repeating-linear-gradient(135deg, var(--pick-outline) 0 1px, transparent 1px 7px), var(--pick-card)}.pnx-pick__chip{background:color-mix(in srgb, var(--pick-card) 86%, transparent);font-variant-numeric:tabular-nums;color:var(--pick-ink);border-radius:.375rem;padding:0 .25rem;font-size:.6875rem;line-height:1.3;position:absolute;inset-block-end:.125rem;inset-inline-end:.125rem}.pnx-pick__check{width:1.125rem;height:1.125rem;color:var(--pick-accent);opacity:0;transition:opacity .15s,scale .15s;scale:.4}.pnx-pick__tile[aria-checked=true] .pnx-pick__check{opacity:1;scale:1}.pnx-pick:not([data-visual]) .pnx-pick__check{position:absolute;inset-block-start:.5rem;inset-inline-end:.5rem}@media (hover:hover){.pnx-pick__tile:hover{border-color:var(--pick-outline);background:var(--pick-tile-hover)}.pnx-pick__tile[aria-checked=true]:hover{border-color:var(--pick-accent)}}.pnx-pick__tile[aria-checked=true]{border-color:var(--pick-accent);background:var(--pick-chosen-bg);color:var(--pick-chosen-ink);box-shadow:inset 0 0 0 1px var(--pick-accent)}.pnx-pick__tile[aria-checked=true] .pnx-pick__value{color:color-mix(in srgb, var(--pick-chosen-ink) 80%, transparent)}.pnx-pick__tile:focus-visible{outline:2px solid var(--pick-accent);outline-offset:2px}.pnx-pick__tile[aria-disabled=true]{cursor:not-allowed;opacity:.4}@media (prefers-reduced-motion:no-preference){.pnx-pick__tile{transition:background-color .15s,border-color .15s,box-shadow .15s,color .15s,scale .15s ease-out}.pnx-pick__tile:not([aria-disabled=true]):active{scale:.96}.pnx-pick__check{transition:opacity .15s,scale .2s cubic-bezier(.2,0,0,1)}}.pnx-universal-picker{min-width:0;color:var(--md-sys-color-on-surface);gap:1rem;display:grid}.pnx-universal-picker__search{min-width:0}.pnx-universal-picker__combo{position:relative}.pnx-universal-picker__label{margin-bottom:.35rem;font-size:.875rem;font-weight:600;display:block}.pnx-universal-picker__combo input,.pnx-universal-picker__search input{border:1px solid var(--md-sys-color-outline);background:var(--md-sys-color-surface);width:100%;min-height:2.75rem;color:inherit;border-radius:.75rem;padding:.65rem .8rem}.pnx-universal-picker__slider{grid-template-columns:1fr auto;gap:.3rem .75rem;display:grid}.pnx-universal-picker__slider output{grid-column:2}.pnx-universal-picker__slider [data-slot=slider-control]{touch-action:none;grid-column:1/-1;align-items:center;height:1.5rem;display:flex;position:relative}.pnx-universal-picker__slider [data-slot=slider-track]{background:var(--md-sys-color-surface-container-highest);border-radius:999px;width:100%;height:.35rem;position:relative}.pnx-universal-picker__slider [data-slot=slider-indicator]{background:var(--md-sys-color-primary);border-radius:999px;height:100%;position:absolute}.pnx-universal-picker__slider [role=slider]{border:2px solid var(--md-sys-color-primary);background:var(--md-sys-color-surface);border-radius:50%;width:1.25rem;height:1.25rem}.pnx-universal-picker__compare{grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.75rem;display:grid}.pnx-universal-picker__compare article{border:1px solid var(--md-sys-color-outline-variant);border-radius:.75rem;align-content:start;gap:.3rem;min-width:0;padding:.8rem;display:grid}.pnx-universal-picker__compare code{overflow-wrap:anywhere;font-size:.75rem}.pnx-universal-picker__history{gap:.75rem;display:grid}.pnx-universal-picker__tags{flex-wrap:wrap;gap:.4rem;display:flex}.pnx-universal-picker__tag{border:1px solid var(--md-sys-color-outline-variant);min-height:2.75rem;color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.25rem .75rem}.pnx-universal-picker__tag[aria-pressed=true]{background:var(--md-sys-color-secondary-container)}.pnx-universal-picker__selection{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pnx-universal-picker{position:relative}.pnx-universal-picker__validity{opacity:0;pointer-events:none;border:0;width:1px;height:1px;padding:0;position:absolute;bottom:0;left:50%}
