@font-face{font-display:swap;font-family:League Spartan;src:url(/static/media/LeagueSpartan-Regular.46f6b0819a58b88544ae.ttf)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:League Spartan,monospace;margin:0}:root{--theme1-bg-content:#3a4764;--theme1-bg-toggle-pad:#232c43;--theme1-bg-screen:#182034;--theme1-keys-action:#637097;--theme1-keys-action-shadow:#404e72;--theme1-keys-equal-toogle:#d03f2f;--theme1-keys-equal-shadown:#93261a;--theme1-keys-bg:#eae3dc;--theme1-keys-shadow:#b4a597;--theme1-text-keys:#444b5a;--theme1-text-keys-default:#fff;--theme2-bg-content:#e6e6e6;--theme2-bg-toggle-pad:#d1cccc;--theme2-bg-screen:#ededed;--theme2-keys-action:#377f86;--theme2-keys-action-shadow:#1b5f65;--theme2-keys-equal-toogle:#ca5502;--theme2-keys-equal-shadown:#893901;--theme2-keys-bg:#e5e4e1;--theme2-keys-shadow:#a69d91;--theme2-text-keys:#35352c;--theme2-text-keys-default:#fff;--theme3-bg-content:#160628;--theme3-bg-toggle-pad:#1d0934;--theme3-bg-screen:#1d0934;--theme3-keys-action:#58077d;--theme3-keys-action-shadow:#bc15f4;--theme3-keys-equal-toogle:#00e0d1;--theme3-keys-equal-shadown:#6cf9f2;--theme3-keys-bg:#341c4f;--theme3-keys-shadow:#871c9c;--theme3-text-keys:#ffe53d;--theme3-text-keys-default:#1b2428;--theme3-text-other:#fff}.banner{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.banner .title-app h2{margin:0}.banner .theme-ctn{align-items:center;display:flex;font-size:.8em}.banner .theme-ctn label{padding:0 10px}.banner .themeSwitcher{border-radius:30px;cursor:pointer;display:inline-block;padding:0 5px;position:relative;width:50px}.banner .themeSwitcher:after{content:"123";left:10px;letter-spacing:.8em;position:absolute;top:-15px}.banner .themeSwitcher .thumb{border-radius:50%;display:inline-block;height:14px;left:0;margin:7px 5px 5px 2px;position:relative;transition:.3s ease-in-out;width:14px}.screen{align-items:center;border-radius:6px;display:flex;height:80px;margin-bottom:20px;position:relative;-webkit-user-select:none;user-select:none;width:100%}.screen:after{content:attr(data-action);font-size:.8em;opacity:.8;position:absolute;right:20px;top:10px}#togglecheck{display:inline-block;margin-left:5px}#result{background-color:transparent;font-family:inherit;font-size:2em;font-weight:700;line-height:1em;overflow:hidden;padding:6px 20px 0;text-align:right;text-overflow:ellipsis;width:100%}#result:disabled{border:none}.container{font-family:inherit;margin:auto;max-width:370px;position:relative;text-align:center;top:60px;-webkit-user-select:none;user-select:none}@media only screen and (max-width:385px){.container{padding:0 20px}}.attribution{font-size:.7em;margin-top:30px}.attribution a{font-weight:700;text-decoration:none}.App{min-height:100vh;width:100%}.Theme1{background:var(--theme1-bg-content);color:var(--theme1-text-keys-default)}.Theme1 .themeSwitcher{background-color:var(--theme1-bg-toggle-pad)}.Theme1 .themeSwitcher .thumb{background-color:var(--theme1-keys-equal-toogle)}.Theme1 #result{color:inherit}.Theme1 .attribution a{color:var(--theme1-keys-equal-toogle)}.Theme1 .screen{background-color:var(--theme1-bg-screen)}.Theme1 .contener-key{background-color:var(--theme1-bg-toggle-pad)}.Theme1 .contener-key button{background-color:var(--theme1-keys-bg);box-shadow:0 6px var(--theme1-keys-shadow);color:var(--theme1-text-keys)}.Theme1 .contener-key button:active{box-shadow:0 2px var(--theme1-keys-shadow);-webkit-transform:translateY(4px);transform:translateY(4px)}.Theme1 .contener-key button:hover{background-color:#fff}.Theme1 .contener-key button:first-of-type,.Theme1 .contener-key button:nth-of-type(2){background-color:var(--theme1-keys-action);box-shadow:0 6px var(--theme1-keys-action-shadow);color:var(--theme1-text-keys-default)}.Theme1 .contener-key button:first-of-type:active,.Theme1 .contener-key button:nth-of-type(2):active{box-shadow:0 2px var(--theme1-keys-action-shadow);-webkit-transform:translateY(4px);transform:translateY(4px)}.Theme1 .contener-key button:first-of-type:hover,.Theme1 .contener-key button:nth-of-type(2):hover{background-color:#a1b1e3}.Theme1 .contener-key button:last-of-type{background-color:var(--theme1-keys-equal-toogle);box-shadow:0 6px var(--theme1-keys-equal-shadown);color:var(--theme1-text-keys-default)}.Theme1 .contener-key button:last-of-type:active{box-shadow:0 2px var(--theme1-keys-equal-shadown);-webkit-transform:translateY(4px);transform:translateY(4px)}.Theme1 .contener-key button:last-of-type:hover{background-color:#f96c5d}.Theme2{background:var(--theme2-bg-content);color:var(--theme2-text-keys)}.Theme2 .themeSwitcher{background-color:var(--theme2-bg-toggle-pad)}.Theme2 .themeSwitcher .thumb{background-color:var(--theme2-keys-equal-toogle)}.Theme2 .attribution a{color:var(--theme2-keys-equal-toogle)}.Theme2 #result{color:inherit}.Theme2 .screen{background-color:var(--theme2-bg-screen)}.Theme2 .contener-key{background-color:var(--theme2-bg-toggle-pad)}.Theme2 .contener-key button{background-color:var(--theme2-keys-bg);box-shadow:0 6px var(--theme2-keys-shadow);color:var(--theme2-text-keys)}.Theme2 .contener-key button:hover{background-color:#fff}.Theme2 .contener-key button:active{box-shadow:0 2px var(--theme2-keys-shadow);-webkit-transform:translateY(4px);transform:translateY(4px)}.Theme2 .contener-key button:first-of-type,.Theme2 .contener-key button:nth-of-type(2){background-color:var(--theme2-keys-action);box-shadow:0 6px var(--theme2-keys-action-shadow);color:var(--theme2-text-keys-default)}.Theme2 .contener-key button:first-of-type:active,.Theme2 .contener-key button:nth-of-type(2):active{box-shadow:0 2px var(--theme2-keys-action-shadow);-webkit-transform:translateY(4px);transform:translateY(4px)}.Theme2 .contener-key button:first-of-type:hover,.Theme2 .contener-key button:nth-of-type(2):hover{background-color:#61b4bc}.Theme2 .contener-key button:last-of-type{background-color:var(--theme2-keys-equal-toogle);box-shadow:0 6px var(--theme2-keys-equal-shadown);color:var(--theme2-text-keys-default)}.Theme2 .contener-key button:last-of-type:active{box-shadow:0 2px var(--theme2-keys-equal-shadown);-webkit-transform:translateY(4px);transform:translateY(4px)}.Theme2 .contener-key button:last-of-type:hover{background-color:#ff8b38}.Theme3{background:var(--theme3-bg-content);color:var(--theme3-text-keys)}.Theme3 .attribution a{color:var(--theme3-keys-equal-toogle)}.Theme3 .themeSwitcher{background-color:var(--theme3-bg-toggle-pad)}.Theme3 .themeSwitcher .thumb{background-color:var(--theme3-keys-equal-toogle)}.Theme3 #result{color:inherit}.Theme3 .contener-key,.Theme3 .screen{background-color:var(--theme3-bg-screen)}.Theme3 .contener-key button{background-color:var(--theme3-keys-bg);box-shadow:0 6px var(--theme3-keys-shadow);color:var(--theme3-text-keys)}.Theme3 .contener-key button:hover{background:#6c34ad}.Theme3 .contener-key button:active{box-shadow:0 2px var(--theme3-keys-shadow);-webkit-transform:translateY(4px);transform:translateY(4px)}.Theme3 .contener-key button:first-of-type,.Theme3 .contener-key button:nth-of-type(2){background-color:var(--theme3-keys-action);box-shadow:0 6px var(--theme3-keys-action-shadow);color:var(--theme3-text-other)}.Theme3 .contener-key button:first-of-type:hover,.Theme3 .contener-key button:nth-of-type(2):hover{background-color:#8631b0}.Theme3 .contener-key button:first-of-type:active,.Theme3 .contener-key button:nth-of-type(2):active{box-shadow:0 2px var(--theme3-keys-action-shadow);-webkit-transform:translateY(4px);transform:translateY(4px)}.Theme3 .contener-key button:last-of-type{background-color:var(--theme3-keys-equal-toogle);box-shadow:0 6px var(--theme3-keys-equal-shadown);color:var(--theme3-text-keys-default)}.Theme3 .contener-key button:last-of-type:hover{background-color:#94fff9}.Theme3 .contener-key button:last-of-type:active{box-shadow:0 2px var(--theme3-keys-equal-shadown);-webkit-transform:translateY(4px);transform:translateY(4px)}.contener-key{grid-gap:15px;border-radius:6px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);padding:20px 20px 26px}.contener-key button{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-family:inherit;font-size:1.2em;font-weight:700;height:45px;outline:none;text-align:center;text-decoration:none;transition:background-color .3s cubic-bezier(.46,.03,.52,.96);width:auto}.contener-key button:first-of-type{grid-column-start:4;grid-row-start:1}.contener-key button:nth-of-type(2){grid-column-start:1;grid-row-start:5}.contener-key button:last-of-type,.contener-key button:nth-of-type(2){grid-column:span 2}
/*# sourceMappingURL=main.4c673f76.css.map*/