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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--background:#1a1c1e;--foreground:#fcfcfc;--foreground100:#e1e1e1;--primary:#696fc7;--primary-light:#a7aae1;--gray:#4a5568;--gray-light:#a0aec0}body{background-color:#1a1c1e;background-color:var(--background);color:#fcfcfc;color:var(--foreground);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0}.App{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 4rem);padding:2rem 2rem 1rem;text-align:center}.Settings{margin:clamp(3rem,.5rem + 8vw,4rem) auto;max-width:728px;width:100%}.Title{font-size:2.25rem;margin-bottom:.5rem}.Subtitle{color:#a0aec0;color:var(--gray-light);font-size:1.125rem;margin-bottom:3rem;margin-top:0}.SettingsRow{display:flex;gap:1rem;margin-bottom:1.25rem}.FlexBlock{flex:1 1;text-align:left}label{color:#e1e1e1;color:var(--foreground100);display:block;font-size:.875rem;margin-bottom:.5rem}.InputWithUnit{display:flex}.InputWithUnit input[type=text]{border-bottom-right-radius:0;border-right:0;border-top-right-radius:0}.UnitToggle{display:flex}.UnitToggle button{background-color:#1a1c1e;background-color:var(--background);border:1px solid #4a5568;border:1px solid var(--gray);color:#e1e1e1;color:var(--foreground100);cursor:pointer;font-size:1rem;padding:.5rem .75rem;transition:background-color .1s,color .1s}.UnitToggle button:first-of-type{border-bottom-left-radius:0;border-bottom-right-radius:.25rem;border-top-left-radius:0;border-top-right-radius:.25rem}.InputWithUnit .UnitToggle button:first-of-type{border-radius:0}.InputWithUnit .UnitToggle button:last-of-type{border-bottom-right-radius:.25rem;border-top-right-radius:.25rem}.UnitToggle button.active{background-color:#696fc7;background-color:var(--primary);border-color:#696fc7;border-color:var(--primary);color:#fcfcfc;color:var(--foreground)}.UnitToggle button.active:hover{background-color:#a7aae1;background-color:var(--primary-light);border-color:#a7aae1;border-color:var(--primary-light);color:#fcfcfc;color:var(--foreground)}.UnitToggle button:not(.active):hover{background-color:#4a5568;background-color:var(--gray)}input[type=text]{background-color:#1a1c1e;background-color:var(--background);border:1px solid #4a5568;border:1px solid var(--gray);border-radius:.25rem;box-sizing:border-box;color:#fcfcfc;color:var(--foreground);font-size:1rem;padding:.5rem .75rem;width:100%}input[type=text]:focus{border-color:#696fc7;border-color:var(--primary);box-shadow:0 0 0 1px #696fc7;box-shadow:0 0 0 1px var(--primary);outline:none}.ResultHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.ResultTitle{font-size:1.5rem;margin:0}.Code,.ResultTitle{color:#fcfcfc;color:var(--foreground)}.Code{word-wrap:break-word;background-color:#4a5568;background-color:var(--gray);border-radius:.25rem;font-family:Menlo,Monaco,Consolas,Courier New,monospace;min-height:1.5em;padding:1rem;position:relative;text-align:left}.Footer{bottom:0;height:4rem;left:50%;position:fixed;transform:translateX(-50%)}.Footer a{color:#e1e1e1;color:var(--foreground100);transition:color .1s}.Footer a:hover{color:#fcfcfc;color:var(--foreground)}.Footer svg{fill:currentColor;height:24px;vertical-align:bottom;width:24px}.CopyButton{align-items:center;background:#4a5568;background:var(--gray);border:none;border-radius:.25rem;color:#fcfcfc;color:var(--foreground);cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:absolute;right:.5rem;top:.5rem}.CopyButton:hover{background:#5a6578}.Header{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.App-logo{height:45px;left:1rem;position:fixed;top:1rem;width:180px;z-index:1000}.App-logo .cls-1{fill:#696fc7;fill:var(--primary);transition:fill .3s ease}.App-logo:hover .cls-1{fill:#a7aae1;fill:var(--primary-light)}
/*# sourceMappingURL=main.ed754536.css.map*/