.App{position:relative;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App--header{align-items:center;background-color:#fff;display:flex;flex-direction:column;justify-content:center;padding:1rem 0}.App--title{font-size:3rem}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (min-width:576px){.App--header{position:-webkit-sticky;position:sticky;top:0;z-index:1200}}.Export--css{padding:1rem;text-align:left}.PalettesForm{padding-bottom:2rem}.PalettesForm-standard{align-items:center;display:flex;flex-direction:column}.PalettesForm-standard--label{font-size:1.25rem;font-weight:700}.PalettesForm--base-color{align-items:center;display:flex;flex-direction:column;padding-bottom:.25rem}.PalettesForm-base-color--label,.PalettesForm-standard--label{font-size:1.25rem;font-weight:700}.PalettesForm-standard--input{margin:0 .5rem}.PalettesForm-base-color--input{margin-bottom:.25rem}.PalettesForm-base-color--value{padding:0 .5rem}@media (min-width:576px){.PalettesForm-standard{flex-direction:row}.PalettesForm--base-color{flex-direction:row;justify-content:flex-start;padding-bottom:0}.PalettesForm-base-color--label{margin-right:.5rem}}.Palette--sub-palette{display:grid;grid-template-columns:repeat(3,1fr)}.Palette--swatch{align-items:center;display:flex;flex-direction:column;font-size:16px;font-weight:700;height:4rem;justify-content:center;width:5rem}@media (min-width:576px){.Palette--sub-palette{grid-template-columns:repeat(6,1fr)}.Palette--sub-palette__columns--5{grid-template-columns:repeat(5,1fr)}}.PreviewButton--label{line-height:1.75;margin-bottom:0}.PreviewButton--button{border-radius:5px;border-style:solid;border-width:2px;font-size:14px;font-weight:700;padding:.5rem 1rem}.PreviewButton{display:inline-block}.PreviewButtonGroup{grid-row-gap:2rem;display:grid;grid-template-columns:repeat(1,12rem);grid-template-rows:repeat(4,minmax(2rem,auto));padding:0 0 3rem;row-gap:2rem}@media (min-width:480px){.PreviewButtonGroup{grid-template-columns:repeat(2,12rem);grid-template-rows:repeat(2,minmax(2rem,auto))}}.PreviewText{font-weight:400;line-height:1.25;overflow-wrap:break-word}.PreviewText__weight--bold{font-weight:700}.PreviewText__weight--light{font-weight:300}.PreviewText__size--14{font-size:14px}.PreviewText__size--16{font-size:16px}.PreviewText__size--18{font-size:18px}.PreviewText__size--20{font-size:20px}.PreviewText__size--24{font-size:24px}.PreviewText__size--36{font-size:36px}.PreviewText__color--white{color:#fff}.PreviewText__color--light-50{color:var(--neutral-light-50)}.PreviewText__color--light-150{color:var(--neutral-light-150)}.PreviewText__color--light-300{color:var(--neutral-light-300)}.PreviewText__color--light-450{color:var(--neutral-light-450)}.PreviewText__color--light-600{color:var(--neutral-light-600)}.PreviewText__color--light-750{color:var(--neutral-light-750)}.PreviewText__color--light-900{color:var(--neutral-light-900)}.PreviewText__color--black{color:#000}.PreviewText__color--dark-50{color:var(--neutral-dark-50)}.PreviewText__color--dark-150{color:var(--neutral-dark-150)}.PreviewText__color--dark-300{color:var(--neutral-dark-300)}.PreviewText__color--dark-450{color:var(--neutral-dark-450)}.PreviewText__color--dark-600{color:var(--neutral-dark-600)}.PreviewText__color--dark-750{color:var(--neutral-dark-750)}.PreviewText__color--dark-900{color:var(--neutral-dark-900)}.PreviewTextGroup{padding:.5rem 0}.PreviewContent{padding:2rem;text-align:left}.PreviewContent--background-label{font-weight:700;line-height:1}.Preview-modes__layout--desktop{display:none}.Preview-modes--mode-selector{justify-content:center;margin:0 auto;padding:1rem}@media (min-width:1280px){.Preview-modes__layout--desktop{display:flex;justify-content:center}.Preview-modes__layout--mobile{display:none}.Preview--mode{flex-basis:50%}}:root{--neutral-light-50:#f3f3f3;--neutral-light-150:#e0e0e0;--neutral-light-300:#bebebe;--neutral-light-450:#9b9b9b;--neutral-light-600:#7c7c7c;--neutral-light-750:#5c5c5c;--neutral-light-900:#353535;--neutral-dark-50:#e8e8e8;--neutral-dark-150:#d1d1d1;--neutral-dark-300:#b6b6b6;--neutral-dark-450:#9b9b9b;--neutral-dark-600:#777;--neutral-dark-750:#505050;--neutral-dark-900:#282828;--blue-light-900:#0030ad;--blue-light-900-rgb:0,48,173;--bs-border-color:var(--neutral-light-600);--bs-border-width:1px;--bs-link-color-rgb:var(--blue-light-900-rgb);--bs-link-color:var(--blue-light-900)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Lato,Fira Sans,apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Helvetica Neue,sans-serif;margin:0}code,pre{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1{color:#7c7c7c;color:var(--neutral-light-600)}h2{color:#5c5c5c;color:var(--neutral-light-750)}.nav-tabs .nav-link{background-color:#f3f3f3;background-color:var(--neutral-light-50);border-color:#7c7c7c;border-color:var(--bs-border-color)}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover:not(.active){background-color:#505050;background-color:var(--neutral-dark-750);border-color:#505050;border-color:var(--neutral-dark-750);box-shadow:none;color:#fff;outline-color:#0000}.form-check-input:checked{background-color:#7c7c7c;background-color:var(--neutral-light-600);border-color:#7c7c7c;border-color:var(--neutral-light-600)}.form-check-input:focus{outline:3px solid #7c7c7c;outline:3px solid var(--neutral-light-600)}.btn-primary{--bs-btn-color:var(--neutral-light-900);--bs-btn-bg:var(--neutral-light-150);--bs-btn-border-color:var(--neutral-light-600);--bs-btn-border-width:2px;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:var(--neutral-dark-750);--bs-btn-hover-border-color:var(--neutral-dark-750);--bs-btn-focus-shadow-rgb:#0000;--bs-btn-disabled-border-color:var(--blue-light-900)}
/*# sourceMappingURL=main.607f0fc6.css.map*/