.PlaceholderText_item__tMThy{display:inline}.CodeToColor_explanation__y-pMU{height:auto}.CodeToColor_codeAndButton__vcuKY{position:relative}.CodeToColor_code__9rxai{height:7rem;width:19rem}.CodeToColor_copyButton__ltmjc{cursor:pointer;position:absolute;right:.2rem;top:.2rem;width:2rem}.ColorBar_colorBarWithWarning__V7ASS{display:flex;flex-direction:row;position:relative}.ColorBar_colorBar__Fc360{border:none;cursor:pointer;height:3rem;position:relative;transform:translateY(-.3rem);width:100%}.ColorBar_hintText__QsE1c{color:#b5bbc4;pointer-events:none;position:absolute;right:5%;top:20%}.ColorBar_prominent__QwGg6{border:2px solid #b5bbc4}.ColorBar_saturationWarning__-hRnu{border:2px solid #be1f1f}.ColorBar_saturationWarningMessage__dVc4a{color:#be1f1f;font-size:xx-small;left:-5.9rem;position:absolute;top:0}.ColorsPicker_colorsPicker__U2jbG{display:flex;flex-direction:column;row-gap:.5rem}.ColorsPicker_deleteIcon__7PBBj{fill:#b5bbc4;align-self:end;cursor:pointer}.ColorsPicker_colorBars__MpCV5{display:flex;flex-direction:column}.ExampleForWebsite_title__GCq\+x{font-weight:500;padding:.5rem}.ExampleForWebsite_cards__3eAOx{display:flex;flex-direction:column;padding:1rem;row-gap:1rem}.ExampleForWebsite_card__I1KFZ{border-radius:10px;height:5rem;padding:1rem}.ExampleWithButtons_exampleWithButtons__2WwzQ{display:flex;flex-direction:row;position:relative}.ExampleWithButtons_app__g-8XF{display:flex;flex-direction:column;height:20rem;justify-content:space-between;width:14rem}.ExampleWithButtons_appWithEditMode__ELOxx{background-color:#fff;border:1px solid #000;display:flex;flex-direction:row;padding-left:.5rem;transform:scale(200%);transition:transform .4s;z-index:100}.ExampleWithButtons_editMode__kt5w1{cursor:crosshair}.ExampleWithButtons_appWithWhiteBackground__vAGeM{border:1px solid #000}.ExampleWithButtons_appWithEditMode__ELOxx .ExampleWithButtons_appWithWhiteBackground__vAGeM{border:none}.ExampleWithButtons_editButton__jFa5H{left:0;position:absolute;top:0}.ExampleWithButtons_header__MI4Hb{font-weight:600;padding:.5rem}.ExampleWithButtons_buttonsSection__DaRHt{margin-bottom:5rem;margin-left:.5rem}.ExampleWithButtons_buttonsSectionTitle__z4G1k{font-size:.8rem;font-weight:400;margin-bottom:.8rem}.ExampleWithButtons_buttons__jy6XW{display:flex;flex-direction:row;flex-wrap:wrap;gap:.3rem}.ExampleWithButtons_buttons__jy6XW>div{border-radius:8px;font-size:.6rem;font-weight:600;padding:.2rem .3rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.ExampleWithButtons_primaryButton__L\+QK-{border-radius:8px;font-size:small;font-weight:600;margin:0 .4rem 1rem;padding:.2rem .3rem;text-align:center}.ExampleWithButtons_text__5ZtBa{display:inline-block}.ColorPickOptions_colorPickOptions__j9WUj{background-color:#fff;display:flex;flex-direction:column;row-gap:.2rem}.ColorPickOptions_closeButton__Ae6jg{cursor:pointer}.ColorPickOptions_singleButton__eOeKc{cursor:crosshair;height:1.8rem;transform-origin:right;transition:transform .2s;width:1rem}.ColorPickOptions_colorSelected__DO9am{box-shadow:-1px 2px 5px gray;transform:scaleX(130%);transition:transform .2s}.ColorPaletteStepList_colorPaletteStepList__45pLE{grid-column-gap:6.5rem;column-gap:6.5rem;display:grid;grid-auto-flow:column;grid-template-columns:repeat(4,22rem);grid-template-rows:repeat(3,auto)}.ColorPaletteStepList_colorTitle__GAUdY{align-items:center;display:flex;flex-direction:column;font-family:Lexend;row-gap:.3rem}.ColorPaletteStepList_colorTitleText__LMe\+k{margin:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.ColorPaletteStepList_circleWithNumber__oyXUU{stroke:#09233e;fill:#09233e;flex-shrink:0;width:1.5rem}.ColorPaletteStepList_link__nKV5e{color:#f77e80;font-weight:500;text-decoration:none}.ColorPaletteStepList_chooseTwoColorsContent__L5N5G{display:flex;flex-direction:column;justify-content:space-between}.ColorPaletteStepList_decisionIcon__Mxruv{fill:#09233e;align-self:center;width:20rem}.ColorPaletteStepList_orText__jtLOf{font-family:Lexend;font-size:large;font-weight:700;position:relative;text-align:center}.ColorPaletteStepList_orText__jtLOf:before{left:calc(50% - 3.5rem)}.ColorPaletteStepList_orText__jtLOf:after,.ColorPaletteStepList_orText__jtLOf:before{border-bottom:3px solid #09233e;bottom:calc(50% - .15rem);content:"";position:absolute;width:10%;z-index:-1}.ColorPaletteStepList_orText__jtLOf:after{right:calc(50% - 3.5rem)}.ColorPaletteStepList_title__yCx2w{margin:1rem 0 .3rem;text-align:center}.ColorPaletteStepList_primaryAndAccentColorsPicker__XFxnX{display:flex;flex-direction:column;justify-content:space-between;row-gap:2rem}.ColorPaletteStepList_preview__MLARs{display:flex;flex-direction:row;justify-content:center;padding-top:1.9rem}.ColorPaletteStepList_previewContent__gC1p-{display:flex;flex-direction:column;row-gap:2rem}.CssCode_title__JtsjV{font-family:Lexend}.CssCode_code__0vx7Y{background-color:#e3e5e8;display:flex;flex-direction:column;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;height:22rem;padding-bottom:.5rem}.CssCode_copyIcon__X0ZyA{align-self:end;cursor:pointer;margin-bottom:.5rem;width:2.5rem}.CssCode_codeSnippet__A5i6x{margin:0 .5rem}.HorizontalColorPalette_generatedPalette__8sCLt{display:flex;flex-direction:column}.HorizontalColorPalette_header__il2Rh{align-items:center;column-gap:1rem;display:flex;flex-direction:row}.HorizontalColorPalette_title__XW5dU{font-family:Lexend;font-size:large}.HorizontalColorPalette_visibilityIcon__\+RtR-{fill:#09233e;cursor:pointer}.HorizontalColorPalette_horizontalPalette__iTYMJ{display:flex;flex-direction:row}.HorizontalColorPalette_horizontalPaletteBar__CLdcO{height:10rem;width:7.7rem}.HorizontalColorPalette_colorCodeDark__\+j0Pn{color:#000}.HorizontalColorPalette_colorCodeLight__KSwz7{color:#fff}.ColorResult_copyColorExampleButton__E3Blh{background-color:#e3e5e8;border:none;border-radius:5px;cursor:pointer;font-family:Lexend;font-size:medium;margin-bottom:1rem;padding:.5rem}.ColorResult_copyExampleButtonContent__HvcPH{align-items:center;display:flex;flex-direction:row}.ColorResult_copyIconExampleLink__U8X\+T{width:2.5rem}.ColorResult_codeSnippets__TQHJ5{column-gap:2rem;display:flex;flex-direction:row;justify-content:stretch;margin-top:2rem}.DesignExamples_designExamples__TcwVH{display:flex;flex-direction:column;row-gap:2rem}.DesignExamples_designExamplesRow__-vFmr,.Navbar_navbar__Rh4Yl{column-gap:2rem;display:flex;flex-direction:row}.Navbar_navbar__Rh4Yl{position:relative;top:.3rem}.Navbar_item__N8n-\+{color:#5e646b;cursor:pointer;font-weight:600;text-transform:uppercase}.Navbar_item__N8n-\+:hover,.Navbar_selectedItem__jYOTk{color:#09233e}.Navbar_selectedItemBar__Hu\+hJ{background-image:linear-gradient(90deg,#09233e 5%,#fff);height:.2rem;margin-top:.3rem}.Help_helpIcon__XdRuQ{fill:#09233e}.Page_header__t6OLx{display:grid;grid-template-columns:1fr 50% 1fr;padding:1em 1rem 0}.Page_home__5mSRt{column-gap:.3rem;display:flex;flex-direction:row;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Page_titleOfApp__9sD7d{color:#09233e;font-family:Lexend;font-size:1.4rem;margin:0}.Page_colorPaletteIcon__HJCrU{color:#09233e;height:auto;position:relative;width:2.5rem}.Page_navbar__9cEO7{justify-self:center}.Page_helpIcon__EYNC7{justify-self:end}.Page_content__truCH{display:flex;flex-direction:row;justify-content:center;padding-top:5rem}.Footer_footer__\+IHQ2{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:2rem .5rem .5rem}.Footer_links__88goG{column-gap:1rem;display:flex;flex:1 1;flex-direction:row;justify-content:center}.Footer_link__eOjUr{color:gray;text-decoration:none}.Footer_link__eOjUr:hover{text-decoration:underline}.BuyMeACoffeeLink_buyMeACoffeeLink__jhZNX{background-color:#3c88b4;border-radius:7px;color:#fdfdf7;column-gap:.5rem;display:flex;flex-direction:row;padding:.5rem;text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.BuyMeACoffeeLink_icon__8ZrRg{color:#b2b49d;flex-shrink:0;height:auto;width:2rem}.BuyMeACoffeeLink_text__6LPDQ{display:flex;flex-direction:column;font-family:Epilogue;font-size:.75rem;font-weight:500;justify-content:center;letter-spacing:.05rem;margin-top:.15rem;row-gap:.25rem}@font-face{font-family:Epilogue;font-weight:500;src:url(/static/media/Epilogue-Regular.3446cbdeae664b7f3dc4.ttf)}@font-face{font-family:Lexend;src:url(/static/media/Lexend-VariableFont_wght.8c2b86fea1234bcd4234.ttf)}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#09233e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}h4{margin:.5rem 0}
/*# sourceMappingURL=main.76aff39c.css.map*/