body{background-color:#161b1d;color:#e2e7e9;font-family:Fira Sans,Droid Sans,Helvetica Neue,Roboto,Oxygen,sans-serif;margin:0;font-size:1rem;letter-spacing:0}@media(hover:hover){.Flame:hover{box-shadow:#ff8000 0 0 .625rem,red 0 0 1.25rem,0 0 2.5rem #0000}}.Frame{background-color:#161b1d;border-radius:1.25rem;border:.25rem solid hsl(200,15%,50%);display:flex;flex-direction:row;height:2rem;min-width:2rem;overflow:hidden;color:#6c8693}.App header{height:5rem;display:flex;flex-direction:row;justify-content:center;align-items:center}.App header .Controls{display:flex;flex-direction:row;overflow-x:auto;padding:1rem}.App main{height:calc(100vh - 5rem);overflow:hidden}.DipSwitch{margin:0 .625rem}.DipSwitch .checkbox{display:none}.DipSwitch *{cursor:pointer;transition:all .4s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.DipSwitch .Small{display:flex;justify-content:center;align-items:center;width:2rem}@media screen and (min-width:32rem){.DipSwitch .Small{display:none}}.DipSwitch .Large{display:none;align-items:center;padding-right:.625rem}@media screen and (min-width:32rem){.DipSwitch .Large{display:flex}}.DipSwitch .Frame .toggleWrapper{display:flex;align-items:center;justify-content:center;cursor:pointer;width:2rem;height:2rem}.DipSwitch .Frame .toggleWrapper .toggle{background-color:transparent;border-radius:50%;border:.25rem solid hsl(200,15%,50%);height:.5rem;width:.5rem}.DipSwitch .checkbox:checked+.Frame{background-color:#a7b6be}.DipSwitch .checkbox:checked+.Frame .toggle{background-color:#161b1d;border-color:transparent;border-radius:.6rem;width:0}.DipSwitch .checkbox:checked+.Frame .label{color:#161b1d}.InfiniScroll{height:100%;overflow-y:auto;padding:0 2rem;position:relative}.InfiniScroll .Standard{position:absolute;visibility:hidden}.InfiniScroll .Grid{display:inline-flex;flex-flow:wrap row;justify-content:space-around;gap:8px}.InfiniScroll .Grid nav{background-color:red;bottom:-80%;height:1rem;position:absolute;visibility:hidden;width:1rem}@keyframes cardEntrance{0%{opacity:.5}to{opacity:1}}.Password{background-color:#364349;border-radius:.5rem;color:#ffd500;cursor:pointer;font-family:Fira Code,Menlo,Monaco,Consolas,monospace;font-size:1rem;margin:0;min-width:4rem;padding:.5rem 1rem}.Password:disabled{background-color:#161b1d;color:#364349}.Password.Ready{animation:cardEntrance 2s ease-out backwards}.Length{margin:0 .625rem;display:block;height:2.5rem;width:2.5rem;transition:all .4s ease-in-out;font-family:sans-serif;font-size:1rem;cursor:pointer;text-align:center}.Length:active{background-color:#a7b6be;color:#161b1d}
