.color-converter-component-module___AVfGW__svCanvas{cursor:crosshair;border:1px solid #e2e8f0;border-radius:8px;height:200px}.color-converter-component-module___AVfGW__hueBar,.color-converter-component-module___AVfGW__svCanvas{-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;width:100%;display:block}.color-converter-component-module___AVfGW__hueBar{cursor:pointer;border:1px solid #e2e8f0;border-radius:12px;height:24px;margin-top:.75rem}.color-converter-component-module___AVfGW__textInput{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;height:48px;min-height:auto;padding:.75rem 1rem;font-family:SF Mono,Fira Code,Fira Mono,Menlo,monospace;font-size:1.1rem;transition:border-color .15s,box-shadow .15s}.color-converter-component-module___AVfGW__textInput:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.15)}.color-converter-component-module___AVfGW__swatch{border:1px solid #e2e8f0;border-radius:8px;width:100%;height:48px;margin-top:1rem;transition:background-color .1s}.color-converter-component-module___AVfGW__outputs{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.color-converter-component-module___AVfGW__outputRow{border-bottom:1px solid #f1f5f9;align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.color-converter-component-module___AVfGW__outputRow:last-child{border-bottom:none}.color-converter-component-module___AVfGW__outputLabel{color:#64748b;text-transform:uppercase;letter-spacing:.05em;min-width:48px;font-size:.75rem;font-weight:600}.color-converter-component-module___AVfGW__outputValue{color:#1e293b;flex:1;font-family:SF Mono,Fira Code,Fira Mono,Menlo,monospace;font-size:.9rem}@media (max-width:768px){.color-converter-component-module___AVfGW__svCanvas{height:150px}.color-converter-component-module___AVfGW__outputRow{flex-direction:column;align-items:flex-start;gap:.25rem}}
/*# sourceMappingURL=df5c65dc5c889047.css.map*/