.K3JDGq_dots{background-image:radial-gradient(color-mix(in srgb, var(--color-text) 11%, transparent) 1px, transparent 1.2px);background-size:22px 22px;-webkit-mask-image:radial-gradient(80% 60% at 70% 20%,#000 0%,#0000 72%);mask-image:radial-gradient(80% 60% at 70% 20%,#000 0%,#0000 72%)}.K3JDGq_grid{--cols:13;grid-template-rows:repeat(7,minmax(0,1fr));grid-auto-flow:column;grid-template-columns:repeat(var(--cols), minmax(0, 1fr));gap:4px;display:grid;position:relative}@media (min-width:640px){.K3JDGq_grid{--cols:21}}.K3JDGq_cell{aspect-ratio:1;background:var(--fill);border-radius:4px;min-width:0}.K3JDGq_cell[data-level="0"]{--fill:color-mix(in srgb, var(--color-text) 6%, transparent)}.K3JDGq_cell[data-level="1"]{--fill:color-mix(in srgb, var(--color-accent) 18%, transparent)}.K3JDGq_cell[data-level="2"]{--fill:color-mix(in srgb, var(--color-accent) 36%, transparent)}.K3JDGq_cell[data-level="3"]{--fill:color-mix(in srgb, var(--color-accent) 62%, transparent)}.K3JDGq_cell[data-level="4"]{--fill:var(--color-accent)}.K3JDGq_cell[data-wide]{display:none}@media (min-width:640px){.K3JDGq_cell[data-wide]{display:block}}.K3JDGq_hole{--fill:transparent;outline:1.5px dashed var(--color-accent);outline-offset:-1.5px}.K3JDGq_swatch{background:var(--fill);border-radius:3px;width:10px;height:10px;display:inline-block}.K3JDGq_scan{width:calc(100% / var(--cols));background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--color-accent) 26%, transparent) 30%, color-mix(in srgb, var(--color-accent) 26%, transparent) 70%, transparent);opacity:0;pointer-events:none;border-radius:6px;position:absolute;top:-6px;bottom:-6px;left:0}.K3JDGq_bar{transform-origin:0}.K3JDGq_caret{vertical-align:text-bottom;background:var(--color-accent);width:.55em;height:1.1em;margin-left:2px;display:inline-block}@media (prefers-reduced-motion:no-preference){.K3JDGq_rise{animation:.64s cubic-bezier(.22,1,.36,1) both K3JDGq_rise;animation-delay:var(--delay,0s)}.K3JDGq_cell{animation:.52s cubic-bezier(.22,1,.36,1) both K3JDGq_cell-in;animation-delay:var(--delay,0s)}.K3JDGq_hole{animation:.52s cubic-bezier(.22,1,.36,1) both K3JDGq_cell-in,1.8s ease-out 2.1s 3 K3JDGq_hole-ping;animation-delay:var(--delay,0s), 2.1s}.K3JDGq_scan{animation:1.5s cubic-bezier(.45,0,.25,1) .5s both K3JDGq_scan}.K3JDGq_bar{animation:.9s cubic-bezier(.22,1,.36,1) both K3JDGq_bar-in;animation-delay:var(--delay,0s)}.K3JDGq_token{animation:.36s ease-out both K3JDGq_token-in;animation-delay:var(--delay,0s)}.K3JDGq_caret{animation:1.05s steps(2,start) infinite K3JDGq_caret-blink}}@keyframes K3JDGq_rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes K3JDGq_cell-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes K3JDGq_token-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes K3JDGq_scan{0%{opacity:0;transform:translate(0)}12%{opacity:1}85%{opacity:1}to{opacity:0;transform:translateX(calc((var(--cols) - 1) * 100%))}}@keyframes K3JDGq_hole-ping{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-accent) 50%, transparent)}to{box-shadow:0 0 0 9px #0000}}@keyframes K3JDGq_bar-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes K3JDGq_caret-blink{to{opacity:0}}