.js #palette:not([data-filtered]) .pgroup:not([data-open]) .plist>li:nth-child(n+7){display:none}@media(min-width:40rem){.js #palette:not([data-filtered]) .pgroup:not([data-open]) .plist>li:nth-child(n+9){display:none}}@media(min-width:48rem){.js #palette:not([data-filtered]) .pgroup:not([data-open]) .plist>li:nth-child(n+13){display:none}}@media(min-width:64rem){.js #palette:not([data-filtered]) .pgroup:not([data-open]) .plist>li:nth-child(n+17){display:none}}#palette[data-filtered] .pmore{display:none}html:not(.js) #palette-filters,html:not(.js) #palette-bar,html:not(.js) .pmore,.js .plist-cap,.js .pnojs{display:none}@media(max-width:767px){.js #palette-filters:not([data-open]){display:none}}#palette .pt{height:11.25rem;content-visibility:auto;contain-intrinsic-block-size:11.25rem}#palette .pt>button{position:relative;display:flex;flex-direction:column;gap:.25rem;width:100%;height:100%;padding:.375rem;border-radius:.75rem;border:1px solid var(--color-ink-700);background:var(--color-ink-850);text-align:left;color:inherit;cursor:pointer;transition:border-color .2s,translate .2s}#palette .pt>button:before{content:"";display:block;flex:1 1 auto;width:100%;border-radius:.5rem;background-color:var(--c);box-shadow:inset 0 0 0 1px #ffffff1a}#palette .pt.lt>button:before,.psw.lt{box-shadow:inset 0 0 0 1px #00000026}#palette .pt-n{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:2.5em;font-size:11px;line-height:1.25;font-weight:600;color:var(--color-ink-100)}#palette .pt-m,#palette .pt-f{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px;line-height:1.4;color:var(--color-ink-300)}@media(min-width:768px){#palette .pt-n{font-size:12px}#palette .pt-m,#palette .pt-f{font-size:11px}}@media(hover:hover){#palette .pt>button:hover{border-color:var(--color-gold);translate:0 -2px}}#palette .pt>button:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}#palette .pt[data-picked]>button{border-color:var(--color-gold)}#palette .pt[data-picked] .pt-n{color:var(--color-gold)}#palette .pt[data-st=limited]>button:after{content:"";position:absolute;right:.75rem;top:.75rem;width:8px;height:8px;border-radius:9999px;background:var(--color-gold)}.psw{background-color:var(--c);box-shadow:inset 0 0 0 1px #ffffff1a}#palette .pt[data-f=g]>button:before,.psw[data-f=g]{background-image:linear-gradient(135deg,rgb(255 255 255 / .28),transparent 45%)}#palette .pt[data-f=gm]>button:before,.psw[data-f=gm]{background-image:radial-gradient(rgb(255 255 255 / .22) .6px,transparent .7px),linear-gradient(135deg,rgb(255 255 255 / .28),transparent 45%);background-size:3px 3px,100% 100%}#palette .pt[data-f=s]>button:before,.psw[data-f=s]{background-image:linear-gradient(120deg,transparent 30%,rgb(255 255 255 / .12) 50%,transparent 70%)}#palette .pt[data-f=sm]>button:before,.psw[data-f=sm]{background-image:radial-gradient(rgb(255 255 255 / .22) .6px,transparent .7px),linear-gradient(120deg,transparent 30%,rgb(255 255 255 / .12) 50%,transparent 70%);background-size:3px 3px,100% 100%}#palette .pt[data-f=m]>button:before,.psw[data-f=m]{box-shadow:inset 0 0 0 1px #ffffff0f}#palette .pt[data-f=mm]>button:before,.psw[data-f=mm]{background-image:radial-gradient(rgb(255 255 255 / .22) .6px,transparent .7px);background-size:3px 3px}#palette .pt[data-f=ch]>button:before,.psw[data-f=ch]{background-image:linear-gradient(180deg,color-mix(in srgb,var(--c) 40%,white) 0 40%,color-mix(in srgb,var(--c) 55%,black) 42% 58%,var(--c) 60% 100%)}#palette .pt[data-f=sc]>button:before,.psw[data-f=sc]{background-image:linear-gradient(180deg,color-mix(in srgb,var(--c) 25%,white) 0 36%,color-mix(in srgb,var(--c) 70%,black) 50% 100%)}#palette .pt[data-f=cf]>button:before,.psw[data-f=cf]{background-image:linear-gradient(135deg,rgb(255 255 255 / .28),transparent 45%),linear-gradient(135deg,var(--c) 30%,var(--c2, var(--c)) 100%)}#palette .pt[data-f=gl]>button:before,.psw[data-f=gl]{background-image:radial-gradient(white .7px,transparent .8px),radial-gradient(rgb(255 255 255 / .6) .5px,transparent .6px);background-size:4px 4px,5px 5px;background-position:0 0,2px 1px}#palette .pt[data-f=cb]>button:before,.psw[data-f=cb]{background-image:repeating-linear-gradient(45deg,rgb(0 0 0 / .35) 0 1px,transparent 1px 3px),repeating-linear-gradient(135deg,rgb(255 255 255 / .08) 0 1px,transparent 1px 3px)}#palette .pt[data-f=br]>button:before,.psw[data-f=br]{background-image:repeating-linear-gradient(90deg,rgb(255 255 255 / .14) 0 1px,transparent 1px 3px),linear-gradient(180deg,transparent 35%,rgb(255 255 255 / .12) 50%,transparent 65%)}#palette .pt[data-f=tx]>button:before,.psw[data-f=tx]{background-image:repeating-radial-gradient(circle,rgb(0 0 0 / .18) 0 1px,transparent 1px 4px)}#palette .pt[data-f=o]>button:before,.psw[data-f=o]{background-image:radial-gradient(rgb(255 255 255 / .22) .6px,transparent .7px),linear-gradient(160deg,rgb(255 255 255 / .35),transparent 55%);background-size:3px 3px,100% 100%}#palette .pchip,#palette .ptype-b,#palette .pbar-b{min-height:2.75rem;border-radius:9999px;border:1px solid var(--color-ink-600);padding:0 .875rem;font-size:.875rem;font-weight:600;color:#fff;background:transparent;cursor:pointer;transition:border-color .2s}#palette .pchip:hover,#palette .pbar-b:hover{border-color:var(--color-gold)}#palette .pchip[aria-pressed=true],#palette .ptype-b[aria-pressed=true]{background:var(--color-gold);border-color:var(--color-gold);color:#0b0f14}#palette .ptype-b{border:0;min-height:2.5rem}#palette .pchip[data-empty]{opacity:.5}#palette .pn,#palette-tray .pn{display:inline-block;min-width:3ch;text-align:right;font-variant-numeric:tabular-nums;font-weight:400}#palette .pdot{display:inline-block;width:.75rem;height:.75rem;border-radius:9999px;background:var(--d);box-shadow:0 0 0 1px #fff3;margin-right:.35rem}#palette .pdot-multi{background:conic-gradient(#e11,#fc3,#3c3,#3cc,#36f,#c3c,#e11)}#palette .pfacet{display:flex;flex-wrap:wrap;gap:.5rem;border:0;padding:0;margin:0;min-width:0}#palette .pleg{width:100%;font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--color-gold);margin-bottom:.25rem}#palette .pclear:not([data-active]){display:none}#palette .pchip:focus-visible,#palette .ptype-b:focus-visible,#palette .pbar-b:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}#palette-detail:not([open]){display:none}#palette-detail .psw{border-radius:.75rem}