body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;background:#fafafa;flex-direction:column;gap:1rem;justify-content:flex-start;min-width:-webkit-fit-content;min-width:fit-content}.App,.colorDisplay{display:flex;width:100%}.colorDisplay{height:244px;position:absolute;z-index:0}.content{z-index:1}.Chartview,.content{align-items:center;display:flex;flex-direction:column}.Chartview{align-self:stretch;justify-content:flex-start;margin-bottom:.5rem;width:100%}.Chart{align-items:flex-start;height:200px}.Chart,.ColorPickers{align-self:center;display:flex;flex-direction:column}.ColorPickers{align-items:center;justify-content:center;width:100%}.Tabs{align-items:flex-start;align-self:stretch;display:inline-flex;gap:16px;justify-content:space-around}.Tab{align-items:center;background:#e9e9e9;border:1px solid #282828;border-radius:8px;display:flex;flex:1 0;flex-direction:column;justify-content:center;padding:10.5px 20.072px 11px 20.398px}.Tab:hover{background-color:#34b8ff;cursor:pointer}.active{background:#34b8ff;border:1px solid #282828;border-radius:8px;color:#000}.Foreground{gap:4px}.Foreground,.foregroundPicker{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column}.foregroundPicker{gap:.5rem;min-width:240px}.fgInput{width:100%}.colorExamples{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(16px,1fr));justify-content:center}.colorExample{padding:16px}.BackgroundPicker{align-items:center;align-self:stretch;flex:1 0;flex-direction:column;gap:.5rem}.divChromePicker{align-content:center;align-self:center;display:flex;justify-content:center}body{color:#333;font-family:Inter,sans-serif;font-size:16px;line-height:1.5}h1{font-size:1.5rem;margin-bottom:0;margin-top:.5rem}h1,h2{font-family:Inter,sans-serif;font-weight:700}h2{font-size:1rem;text-align:start}.label{color:#555;font-family:Inter,sans-serif;font-size:14px}.introduction-screen{align-items:center;background-color:#007bff;display:flex;flex-direction:column;justify-content:center;left:0;opacity:1;position:fixed;text-align:center;top:0;transition:opacity .5s ease-in-out;width:100%}&.fade-out,.arrow{opacity:0}.arrow{transition:opacity 1s ease-in-out}&.fade-out .arrow,.fade-in{opacity:1;transition:opacity 1s ease-in-out}@media screen and (max-width:600px){.Chart{height:170px}.colorDisplay{height:210px}}
/*# sourceMappingURL=main.cdd9f057.css.map*/