.class-ac6bb9e08d1fb{background:var(--lpc-background);box-shadow:var(--lpc-box-shadow);border-radius:var(--lpc-border-radius);width:var(--lpc-width);border:1px solid var(--lpc-border-color);min-width:280px}.class-16aa09e08d1fb{border-radius:var(--lpc-border-radius);background:repeating-conic-gradient(gray 0% 25%,#0000 0% 50%) 50%/10px 10px;width:25px;height:25px;position:relative;overflow:hidden;box-shadow:inset 0 0 2px #0003}.class-681039e08d1fb{background:var(--lpc-input-background);border-radius:var(--lpc-border-radius)}.class-40b4a9e08d1fb{background:var(--lpc-rgba);z-index:1;border:1px solid var(--lpc-border-color);border-radius:var(--lpc-border-radius);position:absolute;inset:0}.class-1255f9e08d1fb{flex-wrap:wrap;justify-content:center;align-items:center;width:calc(100% - .8rem);margin:.4rem;display:flex}.class-d14fc9e08d1fb{flex-grow:2;margin-left:.4rem}.class-5c9b59e08d1fb{margin:0 .5rem 0 0}.class-87fdd9e08d1fb{justify-content:space-between;align-items:center;margin:0 .3rem .3rem;display:flex}.class-862429e08d1fb{color:var(--lpc-color);border:1px solid var(--lpc-border-color);border-radius:var(--lpc-border-radius);background:var(--lpc-input-background);align-items:center;margin:.1rem;display:flex}.class-714e19e08d1fb{width:45px;color:var(--lpc-color);border-radius:var(--lpc-border-radius);text-transform:uppercase;box-sizing:border-box;background:0 0;border:none;margin:0;padding:5px;font-size:10px}.class-a00509e08d1fb{color:var(--lpc-borderColor);padding-left:5px;font-size:10px}.class-efbc29e08d1fb{color:var(--lpc-color);flex-direction:column;align-items:center;font-family:sans-serif;font-size:10px;display:flex}.class-3eaa640e55088{z-index:1;background:var(--lpc-input-background);border-radius:4px;width:100%;height:8px;margin:5px 0 0;position:relative;box-shadow:inset 0 0 1px #0003}.class-158d140e55088{background:linear-gradient(to right,rgba(var(--lpc-red),var(--lpc-green),var(--lpc-blue),0)0%,rgba(var(--lpc-red),var(--lpc-green),var(--lpc-blue),1)100%);border-radius:4px;position:absolute;inset:0}.class-6015b40e55088{width:calc(100% - 8px);height:100%;margin-left:8px;position:relative}.class-154a840e55088{cursor:default;width:12px;height:12px;left:calc(var(--lpc-alpha-pointer) - 8px);box-sizing:border-box;border:2px solid #fff;border-radius:12px;position:absolute;transform:translate(-2px,-2px);box-shadow:0 0 1px #000000e6}.class-77d8e40e55088{z-index:-1;border-radius:calc(var(--lpc-border-radius)/2);background:repeating-conic-gradient(gray 0% 25%,#0000 0% 50%) 50%/10px 10px;position:absolute;inset:0}.class-150f9197f3f7a{background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);border-radius:4px;width:100%;height:8px;position:relative;box-shadow:inset 0 0 1px #0003}.class-988f0197f3f7a{width:calc(100% - 8px);height:100%;margin-left:8px;position:relative}.class-5c6e5197f3f7a{box-sizing:border-box;cursor:default;width:12px;height:12px;left:calc(var(--lpc-hue-pointer) - 8px);border:2px solid #fff;border-radius:12px;position:absolute;transform:translate(-2px,-2px);box-shadow:0 0 1px #000000e6}.class-dcf7257366423{position:absolute;inset:0}.class-ebd8a57366423{background:hsl(var(--lpc-hue),100%,50%);border-radius:var(--lpc-border-radius);border:1px solid var(--lpc-border-color);width:calc(100% - .8rem);height:200px;margin:.4rem;position:relative;overflow:hidden}.class-a57fb57366423{cursor:default;top:var(--lpc-saturation-pointer-top);left:var(--lpc-saturation-pointer-left);position:absolute}.class-300d457366423{box-sizing:border-box;border:2px solid #fff;border-radius:12px;width:12px;height:12px;box-shadow:0 0 1px #000000e6}.class-353c157366423{background:-webkit-linear-gradient(to right,#fff,#fff0);background:linear-gradient(90deg,#fff,#fff0)}.class-39e8457366423{background:-webkit-linear-gradient(to top,#000,#0000);background:linear-gradient(#0000,#000)}