.pl3__types{border:var(--hair) solid var(--seam);z-index:2;width:fit-content;margin:32px auto 8px;display:flex;position:relative}.pl3__type{height:44px;color:var(--fg-dim);font:inherit;cursor:pointer;transition:background-color .2s var(--ease-out), color .2s var(--ease-out);background:0 0;border:0;padding:0 20px;font-size:15px}.pl3__type+.pl3__type{border-left:var(--hair) solid var(--seam)}.pl3__type:hover{color:var(--fg)}.pl3__type[aria-pressed=true]{background:var(--fg);color:var(--earth)}.pl3__type:focus-visible{outline:2px solid var(--volt);outline-offset:-2px}.pl3 .pl3__chip{place-items:center;width:40px;min-width:40px;padding:0;display:grid}.pl3__chip:before{content:"";background:var(--chip);width:18px;height:18px;transition:transform .2s var(--ease-out);border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff2e}.pl3__chip[aria-pressed=true]:before{box-shadow:0 0 0 2px var(--earth), 0 0 0 3px var(--fg);transform:scale(1.15)}.pl3__apart{min-width:148px}.pl3__apart[aria-pressed=true]{color:var(--volt)}.pl3__apart:disabled{color:var(--fg-dim);opacity:.45;cursor:not-allowed}@media (width<=860px){.pl3__types{grid-template-columns:1fr 1fr;width:100%;display:grid}.pl3__type{border-left:0}.pl3__type:nth-child(2n){border-left:var(--hair) solid var(--seam)}.pl3__type:nth-child(n+3){border-top:var(--hair) solid var(--seam)}.pl3 .nx__zoom{display:none}.pl3 .pl3__chip{width:38px;min-width:38px}.pl3 .pl3__apart{min-width:0;padding:0 12px}}.pl3 .nx__canvas{-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(#0000,#000 14% 80%,#0000 98%),linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(#0000,#000 14% 80%,#0000 98%),linear-gradient(90deg,#0000,#000 12% 88%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}
