.pop{padding:var(--s-1);border-radius:var(--r-2);background:var(--n-0);color:var(--text);box-shadow:var(--shadow-pop);border:0;margin:0;position:fixed;inset:auto}.sel{align-items:center;gap:var(--s-2);width:100%;min-width:0;height:36px;padding:0 var(--s-2) 0 var(--s-3);border:1px solid var(--n-300);border-radius:var(--r-1);background:var(--n-0);color:var(--text);font:inherit;text-align:left;cursor:pointer;display:inline-flex}.sel:hover:not(:disabled){border-color:var(--n-500)}.sel[aria-expanded=true]{border-color:var(--action);box-shadow:0 0 0 1px var(--action)}.sel:disabled{background:var(--n-25);color:var(--text-2);cursor:not-allowed}.sel svg{color:var(--text-2);flex:none}.sel__value{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.sel--chip{width:auto;height:30px;padding:0 var(--s-1);font-weight:var(--fw-semibold);background:0 0;border:0;gap:2px;margin-left:4px}.sel--chip[aria-expanded=true]{box-shadow:none;background:var(--n-200)}.sel--chip svg{color:var(--text)}.sel__pop{max-height:min(360px,60vh);overflow-y:auto}.sel__list{margin:0;padding:0;list-style:none}.sel__opt{justify-content:space-between;align-items:center;gap:var(--s-3);min-height:36px;padding:var(--s-1) var(--s-3);border-radius:var(--r-1);font-size:var(--fs-15);cursor:pointer;display:flex}.sel__opt.is-active{background:var(--n-100)}.sel__opt[aria-selected=true]{font-weight:var(--fw-semibold)}.sel__opt[aria-selected=true] svg{color:var(--action)}.cbx{align-items:center;gap:var(--s-2);padding:var(--s-1) 0;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;display:inline-flex}.cbx:disabled{cursor:not-allowed;color:var(--text-2)}.cbx__box{border:1.5px solid var(--n-500);border-radius:var(--r-1);background:var(--n-0);width:18px;height:18px;color:var(--n-0);flex:none;place-items:center;display:grid}.cbx[aria-checked=true] .cbx__box{border-color:var(--action);background:var(--action)}.cbx:disabled .cbx__box{border-color:var(--n-300)}.cbx[aria-checked=true]:disabled .cbx__box{background:var(--n-300)}.cbx__text{min-width:0}.cpick{width:280px;padding:var(--s-3)}.cpick__sv{border-radius:var(--r-1);cursor:crosshair;touch-action:none;height:160px;position:relative}.cpick__sv:before{content:"";border-radius:inherit;background:linear-gradient(90deg,#fff,#0000);position:absolute;inset:0}.cpick__sv:after{content:"";border-radius:inherit;background:linear-gradient(#0000,#000);position:absolute;inset:0}.cpick__dot{z-index:1;pointer-events:none;border:2px solid #fff;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;box-shadow:0 0 0 1px #0006}.cpick__hue{height:14px;margin-top:var(--s-3);border-radius:var(--r-full);cursor:pointer;touch-action:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);position:relative}.cpick__knob{pointer-events:none;border:2px solid #fff;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;position:absolute;top:50%;box-shadow:0 0 0 1px #0006}.cpick__sv:focus-visible,.cpick__hue:focus-visible{outline:2px solid var(--action);outline-offset:2px}.cpick__swatches{gap:var(--s-2);margin-top:var(--s-3);flex-wrap:wrap;display:flex}.cpick__sw{cursor:pointer;border:0;border-radius:50%;width:24px;height:24px;padding:0;box-shadow:inset 0 0 0 1px #0000001a}.cpick__sw[aria-pressed=true]{box-shadow:0 0 0 2px var(--n-0), 0 0 0 4px var(--n-900)}.cpick__hex{align-items:center;gap:var(--s-2);margin-top:var(--s-3);font-size:var(--fs-14);color:var(--text-2);display:flex}.cpick__hex .input{text-transform:uppercase;flex:1}