.Sjj2Ba_picker{color:#354e71;background:#fff;border:1px solid #dee7f1;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px 24px;padding:clamp(12px,2.4vw,22px);display:flex}.Sjj2Ba_wheel{aspect-ratio:1;touch-action:none;cursor:crosshair;background:url(/color-wheel.png) 50%/100% 100% no-repeat;border-radius:50%;flex-shrink:0;width:clamp(150px,35%,200px);margin:5px;position:relative}.Sjj2Ba_wheel:focus-visible{outline-offset:5px;outline:3px solid #3155d3}.Sjj2Ba_shade{border-radius:inherit;pointer-events:none;background:#000;position:absolute;inset:0}.Sjj2Ba_cursor{box-sizing:border-box;pointer-events:none;border:2px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #364459bc,0 1px 4px #2839575c}.Sjj2Ba_controls{flex:212px;min-width:0}.Sjj2Ba_number{grid-template-columns:24px minmax(0,1fr);align-items:stretch;gap:8px 10px;display:grid}.Sjj2Ba_sample{border-radius:6px;grid-row:span 2;box-shadow:inset 0 0 0 1px #42556b26}.Sjj2Ba_picker .Sjj2Ba_field{grid-template-columns:30px minmax(0,1fr);align-items:center;gap:5px;margin:0;display:grid}.Sjj2Ba_field>span{color:#536987;font:600 11px/1.2 ui-monospace,monospace}.Sjj2Ba_picker .Sjj2Ba_field input{box-sizing:border-box;color:#284366;background:#fff;border:1px solid #c9d5e3;border-radius:6px;width:100%;min-width:0;padding:6px 7px;font:500 13px/1.4 ui-monospace,monospace}.Sjj2Ba_picker .Sjj2Ba_field input:focus-visible,.Sjj2Ba_brightness input:focus-visible{outline-offset:2px;outline:2px solid #3155d3}.Sjj2Ba_picker .Sjj2Ba_field input[aria-invalid=true]{border-color:#a03c53}.Sjj2Ba_picker .Sjj2Ba_brightness{gap:9px;margin:17px 0 0;font-size:12px;display:grid}.Sjj2Ba_brightness>span{justify-content:space-between;display:flex}.Sjj2Ba_brightness output{color:#506785;font-variant-numeric:tabular-nums}.Sjj2Ba_picker .Sjj2Ba_brightness input{appearance:none;cursor:pointer;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:100% 8px;border:0;width:100%;height:28px;min-height:28px;margin:0;padding:0}.Sjj2Ba_brightness input::-webkit-slider-thumb{appearance:none;background:#fff;border:2px solid #47617f;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 3px #28395750}.Sjj2Ba_brightness input::-moz-range-thumb{background:#fff;border:2px solid #47617f;border-radius:50%;width:14px;height:14px}.Sjj2Ba_picker .Sjj2Ba_error{color:#98374d;margin:5px 0 0;font-size:12px}.Sjj2Ba_srOnly{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}