*{box-sizing:border-box;margin:0;padding:0}:root{--BUTTON-BGCOLOR:#141414e6;--FADE-BUTTON-BGCOLOR:#232121;--BUTTON-COLOR:#fa1464;--FADE-BUTTON-COLOR:#ff5f97;--APP-BGCOLOR:#151515;--NUMBER-COLOR:#fafafa;--BUTTONS-CONTAINER-BGCOLOR:#2b2b2b;--LIGHT-BUTTON-BGCOLOR:#b3b3b3;--LIGHT-BUTTON-COLOR:#eaa3bc;--LIGHT-FADE-BUTTON-COLOR:#d8d8d8;--LIGHT-APP-BGCOLOR:#fafafa;--LIGHT-NUMBER-COLOR:#000;--LIGHT-BUTTONS-CONTAINER-BGCOLOR:#f0f0f0}#dark{background-color:#151515;background-color:var(--APP-BGCOLOR)}.app-container{height:100vh;width:100%}.screen{height:40%;padding:20px}.mode-toggle{border-radius:10px;height:40px;margin:0 auto;width:80px}.checked-icon,.unchecked-icon{align-items:center;display:flex;justify-content:center;padding:5px}.result{word-wrap:break-word;color:#fa1464;color:var(--BUTTON-COLOR);font-size:1.5rem;font-weight:600;height:100px;margin-top:20px;padding:10px;width:100%}#light{color:#000}.preview{word-wrap:break-word;color:#fff;font-size:1.4rem;height:100px;margin-top:130px;padding:10px;width:50%}#light .preview{color:#000}.buttons-container{grid-gap:10px;border-radius:20px 20px 0 0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto;height:60%;padding:10px}#dark .buttons-container{background-color:#2b2b2b;background-color:var(--BUTTONS-CONTAINER-BGCOLOR)}#light .buttons-container{background-color:#f0f0f0;background-color:var(--LIGHT-BUTTONS-CONTAINER-BGCOLOR)}.buttons{align-items:center;border:none;border-radius:10px;box-shadow:2px 2px 2px #0009;display:flex;font-size:1.4rem;justify-items:center}#dark .buttons{background-color:#141414e6;background-color:var(--BUTTON-BGCOLOR)}#light .buttons{background-color:#b3b3b3;background-color:var(--LIGHT-BUTTON-BGCOLOR)}.buttons span{color:#fa1464;color:var(--BUTTON-COLOR);margin:auto;width:min-content}#dark .number>span{color:#fafafa;color:var(--NUMBER-COLOR)}#light .number>span{color:#000;color:var(--LIGHT-NUMBER-COLOR)}.equals{grid-column:3/span 2}#light .equals{background-color:#eaa3bc;background-color:var(--LIGHT-BUTTON-COLOR)}#dark .equals{background-color:#fa1464;background-color:var(--BUTTON-COLOR)}#dark .equals span,#light .equals span{color:#fafafa;color:var(--NUMBER-COLOR)}#dark .toggle-color{background-color:#ff5f97;background-color:var(--FADE-BUTTON-COLOR);font-size:18px}#light .toggle-color{background-color:#d8d8d8;background-color:var(--LIGHT-FADE-BUTTON-COLOR);font-size:18px}#dark .toggle-bg-color{background-color:#232121;background-color:var(--FADE-BUTTON-BGCOLOR);font-size:18px}#light .toggle-bg-color{background-color:var(--LIGHT-FADE-BUTTON-BGCOLOR);font-size:18px}#dark .styled-symbols,#light .styled-symbols{color:#fa1464;color:var(--BUTTON-COLOR)}@media screen and (min-width:600px){.app-container{height:700px;margin:10px auto;width:300px}}
/*# sourceMappingURL=main.279624b5.css.map*/