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}.webtext{line-height:27px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.numstep-wrap{align-items:stretch;background:#14151ae6;border:1px solid #ffffff1a;border-radius:8px;display:flex;height:34px;overflow:hidden;transition:border-color .15s ease;width:78px}.numstep-wrap:focus-within{border-color:#78dc968c}.numstep-input{background:#0000;border:none;color:#e6e8ec;flex:1 1;font-family:inherit;font-size:14px;min-width:0;outline:none;padding:0 2px 0 6px;text-align:center}.numstep-input::placeholder{color:#ffffff59}.numstep-btns{border-left:1px solid #ffffff1a;display:flex;flex:0 0 22px;flex-direction:column;width:22px}.numstep-btn{align-items:center;background:#0000;border:none;color:#ffffff8c;cursor:pointer;display:flex;flex:1 1;font-size:8px;justify-content:center;line-height:1;padding:0;transition:background .12s ease,color .12s ease;-webkit-user-select:none;user-select:none}.numstep-btn:hover{background:#ffffff17;color:#fff}.numstep-btn:active{background:#78dc962e}.numstep-btn:first-child{border-bottom:1px solid #ffffff14}#root,body,html{height:100%;margin:0;padding:0}body,html{overflow-x:hidden}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.main-page{display:flex}.side-view{background-color:#f0f0f0;flex:1 1;overflow:auto;padding:10px}.main-view{flex:3 1;padding:10px}.fadeIn{animation:fadeInAnimation .5s}.slideInRight{animation:slideInRightAnimation .5s}.slideInLeft{animation:slideInLeftAnimation .5s}.popIn{animation:popInAnimation .5s}@keyframes popInAnimation{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes slideInRightAnimation{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideInLeftAnimation{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.fitContent{width:auto;width:-moz-fit-content;width:fit-content}@keyframes slideInBottom{0%{transform:translate(-50%,100%)}to{transform:translate(-50%)}}.slideInBottom{animation:slideInBottom .5s ease-out forwards}@keyframes pageRise{0%{opacity:0;transform:translateY(16px) scale(.99)}to{opacity:1;transform:none}}@keyframes pageFade{0%{opacity:0}to{opacity:1}}.page-rise{animation:pageRise .42s cubic-bezier(.2,.75,.2,1) both}.page-fade{animation:pageFade .45s ease-out both}@media (prefers-reduced-motion:reduce){.page-fade,.page-rise{animation:none!important}}.scroll-x-hidden{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.scroll-x-hidden::-webkit-scrollbar{display:none;height:0}