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}.Cockpit_cockpit__header__uAFCV{padding:1rem 0;text-align:center}.Cockpit_cockpit__header__uAFCV>*{padding:.5rem 0}.Cockpit_cockpit__header__h1__iRPpv{font-size:2.5rem;font-weight:400}.Cockpit_cockpit__header__p__4sCZb{font-size:3rem;font-weight:200}@media only screen and (max-width:700px){.Cockpit_cockpit__header__h1__iRPpv{font-size:2rem;font-weight:400}.Cockpit_cockpit__header__p__4sCZb{font-size:2rem;font-weight:200}}.LightSource_LightSourceContainer__dZTNL{background-color:blue;background-color:var(--color);border:none;border-radius:50%;box-shadow:-2px -2px 4px var(--lightenColor),2px 2px 4px var(--darkenColor);color:var(--color);cursor:pointer;outline:none;padding:3rem}.LightSource_Selected__\+nDZL{box-shadow:inset -2px -2px 4px var(--lightenColor),inset 2px 2px 4px var(--darkenColor)}@media only screen and (max-width:700px){.LightSource_LightSourceContainer__dZTNL{padding:2rem}}.NeumorphDiv_NeumorphDiv__16w-m{align-items:center;display:flex;justify-content:center;width:100%}.NeumorphDiv_NeumorphDiv__NeumorphItem__ILRVa{height:10rem;width:10rem}.Control_Control__0XmX7>*{font-size:3rem;text-transform:capitalize}@media only screen and (max-width:700px){.Control_Control__0XmX7{padding:0 2rem}}.ControlElement_classFor__lCB8c{align-items:center;color:#000;display:flex;margin:2rem 0}label{text-shadow:1px 1px 4px rgba(0,0,0,.5)}input[type=range]{-webkit-appearance:none;appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}input[type=range]::-moz-range-thumb{border:none}.ControlElement_inp__ItUPE{background:var(--color);border-radius:10px;box-shadow:-2px -2px 8px var(--lightenColor),2px 2px 8px var(--darkenColor);height:30px;margin-left:2rem;padding:15px;width:100%}.ControlElement_inp__ItUPE:hover{cursor:pointer}.ControlElement_inp__ItUPE::-webkit-slider-runnable-track{align-items:center;border-radius:10px;box-shadow:inset -2px -2px 8px var(--lightenColor),inset 2px 2px 8px var(--darkenColor);display:flex;height:10px}.ControlElement_inp__ItUPE::-webkit-slider-thumb{background-color:var(--darkenThumbColor);background-image:linear-gradient(-45deg,rgba(var(--color),.8),transparent);border-radius:50%;box-shadow:-1px -1px 2px var(--lightenColor),1px 1px 2px var(--darkenColor);height:20px;position:relative;top:-50%;width:20px}.ControlElement_inp__ItUPE::-moz-range-thumb{background-color:var(--darkenThumbColor);background-image:linear-gradient(-45deg,rgba(var(--color),.8),transparent);border-radius:50%;box-shadow:-1px -1px 2px var(--lightenColor),1px 1px 2px var(--darkenColor);height:20px;position:relative;top:0;width:20px}.ControlElement_inp__ItUPE::-moz-range-track{align-items:center;border-radius:10px;box-shadow:inset -2px -2px 8px var(--lightenColor),inset 2px 2px 8px var(--darkenColor);display:flex;height:10px}@media only screen and (max-width:700px){.ControlElement_inp__ItUPE{background:var(--color);border-radius:10px;box-shadow:-2px -2px 8px var(--lightenColor),2px 2px 8px var(--darkenColor);height:25px;margin-left:1rem;padding:8px;width:100%}.ControlElement_inp__ItUPE::-webkit-slider-runnable-track{height:10px}.ControlElement_inp__ItUPE::-moz-range-track{height:10px}}.CodeDisplay_codeDisplay_container__ZfoBH{background-color:#282828;border-radius:.5rem;display:flex;padding:1.5rem;width:50rem}span{display:block;font-size:1rem}.CodeDisplay_CssProperty__lw785{color:#8ae0ff;display:inline}.CodeDisplay_CssValue__gMlUG{color:#ffc700;display:inline;font-weight:600}span::selection{text-decoration:none}.CodeDisplay_Code__f5Mnt{width:90%}.CodeDisplay_clipContainer__YkCyg{align-items:center;background-color:#888787;cursor:pointer;display:flex;justify-content:center;width:10%}.CodeDisplay_clipBoard__JZBOb{padding:.2rem}.CodeDisplay_clipBoard__JZBOb:hover{cursor:pointer}.CodeDisplay_clipContainer__YkCyg{font-size:3rem}.CodeDisplay_Copied__VymfK{background-color:var(--darkenColor)}@media only screen and (max-width:940px){.CodeDisplay_codeDisplay_container__ZfoBH{width:100%}span{font-size:1rem}}@media only screen and (max-width:310px){span{font-size:.9rem}}:root{--color:#fff;--lightenColor:#fff;--darkenColor:#d3d7da;--darkenThumbColor:#fff}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;color:#000;font-size:62.5%;margin:0;padding:0}.App_App__p3XdO{background-color:#fff;background-color:var(--color);height:100%;position:relative}.App_App__main__vqp93{align-items:center;display:flex;flex-flow:row nowrap;height:80%}.App_flexContainer__jkXSZ{display:flex;flex-flow:row nowrap;width:100%}.App_flexContainer__leftContainer__MkfYd,.App_flexContainer__rightContainer__tzRlV{align-items:center;display:flex;justify-content:center}.App_flexContainer__leftContainer__MkfYd{padding-left:1rem;width:40%}.App_flexContainer__rightContainer__tzRlV{width:60%}.App_LeftSubContainer__QKc5r{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.App_LightSourceTop__UhwP2{padding:.5rem;position:absolute;top:0;width:100%}.App_LightSourceBottom__5MzNc{bottom:0;padding:.5rem;position:absolute;width:100%}.App_RightSubContainer__ZSlwJ{width:80%}.App_LightSource__yz-2O{display:flex;justify-content:space-between}.App_SelectColor__gangL{align-items:center;display:inline-flex;font-size:2rem;justify-content:center;margin-bottom:2rem;text-shadow:1px 1px 4px rgba(0,0,0,.5);text-transform:capitalize}.App_SelectColor__gangL>span{font-size:inherit;margin-right:2rem}.App_ShowColor__tx\+oU{background:linear-gradient(to right bottom,#dd2476,#ff512f,#ac2fff);border:2px solid #fff;border-radius:5px;cursor:pointer;font-size:2rem;outline:none;padding:2rem}@media only screen and (max-width:940px){*{font-size:50%}}@media only screen and (max-width:700px){.App_App__main__vqp93{height:90%}.App_flexContainer__jkXSZ{align-items:center;flex-flow:column nowrap;height:100%}.App_flexContainer__leftContainer__MkfYd{height:100%;width:70%}.App_flexContainer__rightContainer__tzRlV{height:100%;width:100%}.App_RightSubContainer__ZSlwJ{width:100%}.App_SelectColor__gangL{font-size:1.5rem;margin-left:2rem;margin-top:2rem}.App_ShowColor__tx\+oU{padding:1.5rem}}.NeumorphType_NeumorphTypeContainer__2V465{display:flex;font-size:3rem}.NeumorphType_NeumorphTypeContainer__2V465>*{align-items:center;border-radius:5px;box-shadow:-2px -2px 8px var(--lightenColor),2px 2px 8px var(--darkenColor);cursor:pointer;display:flex;flex-grow:1;font-size:inherit;justify-content:space-evenly;margin-right:2rem;padding:1rem;position:relative;text-align:center}.NeumorphType_unicodeFlat__9hghs{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.NeumorphType_unicodeConcave__BBvln{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.NeumorphType_unicodeConvex__ISjOv{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.NeumorphType_unicodeInset__H1pjQ{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.NeumorphType_NeumorphTypeSelected__coBcC{box-shadow:inset -2px -2px 4px var(--lightenColor),inset 2px 2px 4px var(--darkenColor)}.NeumorphType_NeumorphTypeSelected__coBcC:after{background-color:#000;bottom:0;content:"";height:.2rem;left:10%;position:absolute;width:80%}@media only screen and (max-width:700px){.NeumorphType_NeumorphTypeContainer__2V465{display:flex;font-size:2.5rem;padding-left:2rem}}.Color_ColorContainer__kXlWX{height:100%;left:0;position:absolute;top:0;width:100%}.Color_ColorSelector__5n0PL{display:inline-block;left:70%;position:relative;top:30%;z-index:100}.Color_ColorCloser__2eOTb{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}@media only screen and (max-width:700px){.Color_ColorSelector__5n0PL{display:inline-block;left:20%;position:relative;top:30%;z-index:100}}
/*# sourceMappingURL=main.4d77f216.css.map*/