body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.flex{display:flex;position:fixed;height:100vh;bottom:0;left:0;width:100%;flex-direction:column}.body{flex:1 1;width:100%;overflow:hidden;max-width:1400px!important}.body,.numberWrapper{display:flex;height:100%;align-items:center;justify-content:center}.numberWrapper{width:45%;padding:2rem}.number{display:flex;align-items:center;justify-content:center;border-radius:50%;border:40px solid #f06060;height:100%;width:100%;font-size:150px}.displayNumber{font-family:Roboto,-apple-system,blinkMacSystemFont,Helvetica Neue,Segoe UI,Arial,sans-serif;letter-spacing:-.03em;text-indent:-.03em}.history{align-items:center;justify-self:center;padding:2rem;overflow:hidden;user-select:text;-webkit-user-select:text;-moz-user-select:text}.history,.historyCard{flex:1 1;display:flex;height:100%;width:100%}.historyCard{flex-direction:column}.historyCardBody{overflow-y:auto;flex:1 1}.historyNum{display:inline-block;width:20%;text-align:center;user-select:all;-webkit-user-select:all;-moz-user-select:all;font-family:Segoe UI,Roboto,-apple-system,blinkMacSystemFont,Helvetica Neue,Arial,sans-serif;line-height:1.6}.linkWithLine{border-bottom:2px dotted #b8b8b8}.footer{width:100%}.btns,.footer{justify-content:center;align-items:center;display:flex}.btns{flex-direction:column}.undoRedo{display:flex}.undoGroup,.undoRedo{justify-content:center;width:100%}.undoGroup button{min-width:40%}.settings{flex:1 1;display:flex}.range{flex:1 1}.vflex{display:flex;flex-direction:column;flex:1 1;height:100%}.rangeValue{font-size:14px;text-indent:.9rem}.lightModeIcon{opacity:.65;transition:opacity .2s,color .2s}.lightModeIcon svg{transform-origin:center center}.darkModeIcon{opacity:.65;transition:opacity .2s,color .2s}.darkModeIcon svg{transform-origin:center center}.syncModeIcon{opacity:.65;transition:opacity .2s,color .2s}.syncModeIcon svg{transform-origin:center center}body.chakra-ui-light .lightModeIcon.active{opacity:1;color:#ff9500}body.chakra-ui-light .lightModeIcon.active svg{animation:zoom .6s;-webkit-animation:zoom .6s}body.chakra-ui-dark .darkModeIcon.active{opacity:1;color:#94c1e6}body.chakra-ui-dark .darkModeIcon.active svg{animation:zoom .6s;-webkit-animation:zoom .6s}.syncModeIcon.active{opacity:1;color:#1ac24d}.syncModeIcon.active svg{animation:zoom .6s;-webkit-animation:zoom .6s}@keyframes zoom{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}.nomulish{font-style:italic}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{border-radius:5px;background-color:rgba(0,0,0,.021)}::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:5px}@media screen and (max-width:576px){.rangeValue{text-indent:0}.body{flex-direction:column}.numberWrapper{height:50%;padding:1rem;width:100%}.number{font-size:60px}.spinResetBtn,.undoRedo{padding:.5rem!important;padding-inline-start:.1rem!important}.history{padding:1rem 0}}@media screen and (max-width:400px){.rangeValue{text-indent:.25rem}.settings{flex-direction:column;align-items:flex-end;padding-right:.6rem}.moreTools{width:100%}.moreSettings{min-width:100%!important}}