html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15}h1{font-size:2em;margin:.67em 0}dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul{margin:0}hr{box-sizing:initial;height:0;overflow:visible}main{display:block}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,select{margin:0}button{overflow:visible;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}input{overflow:visible}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:initial}select{text-transform:none}textarea{margin:0;overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}details,dialog{display:block}dialog{background-color:#fff;border:solid;color:#000;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-webkit-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}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;line-height:1.5;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{padding:1rem}h1{margin-bottom:.125em}h2{font-size:1.25em;font-weight:400;margin-top:0;opacity:.6}hr{border:0;border-top:1px solid #ddd;margin:2rem 0}input[type=text]{font-size:1em;max-width:100%}input[type=text],textarea{-webkit-appearance:none;border:1px solid #ddd;border-radius:.25rem;padding:.5rem}.label{display:block;font-size:.75em;font-weight:700;margin:1rem 0 .5rem;opacity:.6;text-transform:uppercase}.checkbox-container{font-size:1em;font-weight:400;margin-top:1rem;opacity:1;position:relative;text-transform:none}.checkbox-container input{bottom:.175em;position:relative}.hint{font-size:.75em;margin-top:.5em;opacity:.6}.error{color:darkred;opacity:1}.alert{background:#fafad2;border-radius:.25rem;margin-top:1rem;opacity:1;padding:1em}.header{line-height:1.125;padding-left:6rem;position:relative}.header h2{font-size:1.5em;margin-bottom:0}.logo{height:auto;left:0;position:absolute;top:-.5rem;width:5rem}.btn{-webkit-appearance:none;background:#d3d3d3;border:1px solid #d3d3d3;border-radius:.25em;box-shadow:0 2px 8px 0 #1e1e1e33;color:#464646;font-size:1rem;padding:.5em .875em}.btn--primary{background:#006400;border:1px solid #006400;box-shadow:0 2px 8px 0 #14281433;color:#fff}.btn--danger{background:darkred;border:1px solid darkred;box-shadow:0 2px 8px 0 #28141433;color:#fff}.btn--sm{font-size:.75em}.btn:active{transform:scale(.95)}section{margin:2rem 0;width:100%;word-break:break-word}section h2{margin-bottom:0;opacity:1}section h2+p{margin-top:0;opacity:.6}@media (min-width:56em){.grid{grid-column-gap:2rem;display:grid;grid-template-columns:1fr 1fr 1.5fr;margin-left:6rem}}.credits{font-size:.75em;width:100%}.form-preview{margin-top:1rem}.form-preview input[type=text]{margin-right:.5rem}.form-code{margin:1rem 0 .5rem;resize:none;width:90%}.color-picker{align-items:center;display:flex;margin-top:2rem;position:relative}.color-picker .label{margin:0}.color-picker__selected{-webkit-appearance:none;border:2px solid #fff;border-radius:.125rem;box-shadow:0 0 0 1px #0000001a;height:1.5rem;margin-left:1rem;text-indent:-9999px;width:1.5rem}.color-picker__picker{bottom:0;left:0;padding-bottom:2rem;position:absolute;z-index:99}.color-picker__cover{-webkit-appearance:none;background:#0000;border:0;bottom:0;left:0;position:fixed;right:0;text-indent:-9999px;top:0}.sketch-picker{background:#fff;position:relative}.result-preview{border:1px solid #00000026;margin-top:1rem;width:100%}.result-preview__header{box-shadow:0 1px 0 #00000026;padding:.75rem 1rem;position:relative}.result-preview__body{padding:1rem}.result__a{display:block;font-size:1.125em;line-height:1.22;margin-bottom:-.05em;max-width:100%;overflow:hidden;text-decoration:none;text-overflow:ellipsis}.result__a:hover{text-decoration:underline}.result__extras{margin:0 0 2px;min-height:1.325em;position:relative;top:0}.result__extras__url{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result__url,.result__url:active,.result__url:visited:focus{color:#20692b;font-size:.875em;text-decoration:none}.result__url:hover{text-decoration:underline}.result__icon{display:inline-block;height:16px;margin-right:.325em;overflow:hidden;vertical-align:middle;width:16px}.result__icon img{height:16px;vertical-align:top;width:16px}.result__snippet{font-size:.875em;line-height:1.45}
/*# sourceMappingURL=main.63005087.css.map*/