@layer equip{.eq-swatch-picker{min-width:0;color:var(--eq-ink);font:var(--eq-weight) var(--eq-text-s) / 1.3 var(--eq-font);border:0;margin:0;padding:0}.eq-swatch-picker:disabled{opacity:.45}.eq-swatch-picker:disabled .eq-swatch-picker-option{cursor:not-allowed}.eq-swatch-picker-legend{margin-bottom:var(--eq-space-2);font-weight:var(--eq-weight-strong);padding:0}.eq-swatch-picker-current{color:var(--eq-ink-2);font-weight:var(--eq-weight)}.eq-swatch-picker-options{gap:var(--eq-space-2);flex-wrap:wrap;display:flex}.eq-swatch-picker-option{cursor:pointer;display:inline-grid;position:relative}.eq-swatch-picker-option[data-unavailable]{cursor:not-allowed}.eq-swatch-picker-input{z-index:1;opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}.eq-swatch-picker-swatch{transition:background-color var(--eq-dur) var(--eq-ease), border-color var(--eq-dur) var(--eq-ease), color var(--eq-dur) var(--eq-ease), scale var(--eq-dur) var(--eq-ease);place-items:center;display:grid;position:relative}.eq-swatch-picker-option:active:not([data-unavailable]) .eq-swatch-picker-swatch{scale:var(--eq-press)}.eq-swatch-picker-input:focus-visible+.eq-swatch-picker-swatch{outline:2px solid var(--eq-focus);outline-offset:2px}.eq-swatch-picker[data-kind=color] .eq-swatch-picker-swatch{border-radius:var(--eq-radius-full);background:var(--_swatch,var(--eq-tint-strong)) content-box;border:2px solid #0000;width:32px;height:32px;padding:2px}.eq-swatch-picker[data-kind=color] .eq-swatch-picker-swatch:before{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--eq-line);position:absolute;inset:2px}.eq-swatch-picker[data-kind=color] .eq-swatch-picker-input:checked+.eq-swatch-picker-swatch{border-color:var(--eq-ink)}@media (hover:hover){.eq-swatch-picker[data-kind=color] .eq-swatch-picker-option:hover .eq-swatch-picker-input:not(:checked)+.eq-swatch-picker-swatch{border-color:var(--eq-line-strong)}.eq-swatch-picker[data-kind=text] .eq-swatch-picker-option:not([data-unavailable]):hover .eq-swatch-picker-input:not(:checked)+.eq-swatch-picker-swatch{background:var(--eq-tint)}}.eq-swatch-picker-tick{border-radius:var(--eq-radius-full);background:var(--eq-raised);width:16px;height:16px;color:var(--eq-ink);transition:scale var(--eq-dur) var(--eq-ease);place-items:center;display:grid;scale:0}.eq-swatch-picker-tick svg{width:12px;height:12px}.eq-swatch-picker-tick path{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset var(--eq-dur) var(--eq-ease)}.eq-swatch-picker-input:checked+.eq-swatch-picker-swatch .eq-swatch-picker-tick{transition:scale var(--eq-dur-move) var(--eq-spring);scale:1}.eq-swatch-picker-input:checked+.eq-swatch-picker-swatch .eq-swatch-picker-tick path{stroke-dashoffset:0;transition:stroke-dashoffset var(--eq-dur-move) var(--eq-spring)}.eq-swatch-picker[data-kind=text] .eq-swatch-picker-swatch{min-width:var(--eq-h-m);height:var(--eq-h-m);padding-inline:var(--eq-space-3);border:1px solid var(--eq-line-strong);border-radius:var(--eq-radius-m);background:var(--eq-raised);font-weight:var(--eq-weight-strong);white-space:nowrap}.eq-swatch-picker[data-kind=text] .eq-swatch-picker-input:checked+.eq-swatch-picker-swatch{border-color:var(--eq-solid);background:var(--eq-solid);color:var(--eq-solid-ink)}.eq-swatch-picker-option[data-unavailable] .eq-swatch-picker-swatch:after{content:"";border-radius:inherit;background:linear-gradient(to top right, transparent calc(50% - 2px), var(--_strike-edge) calc(50% - 2px), var(--_strike-edge) calc(50% - .75px), var(--_strike) calc(50% - .75px), var(--_strike) calc(50% + .75px), var(--_strike-edge) calc(50% + .75px), var(--_strike-edge) calc(50% + 2px), transparent calc(50% + 2px));position:absolute;inset:0}.eq-swatch-picker[data-kind=color] .eq-swatch-picker-option[data-unavailable] .eq-swatch-picker-swatch{--_strike:var(--eq-ink);--_strike-edge:var(--eq-raised);background-color:#0000;background-image:linear-gradient(color-mix(in srgb, var(--_swatch,var(--eq-tint-strong)) 45%, transparent), color-mix(in srgb, var(--_swatch,var(--eq-tint-strong)) 45%, transparent));background-clip:content-box}.eq-swatch-picker[data-kind=color] .eq-swatch-picker-option[data-unavailable] .eq-swatch-picker-swatch:after{inset:2px}.eq-swatch-picker[data-kind=text] .eq-swatch-picker-option[data-unavailable] .eq-swatch-picker-swatch{--_strike:var(--eq-line-strong);--_strike-edge:transparent;color:var(--eq-ink-3);border-style:dashed}.eq-swatch-picker-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}