.App{align-items:center;background-color:var(--color-main);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;text-align:center}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}:root{--color-main:#8970d5}*{transition:opacity .2s ease-in-out}.hide{opacity:0!important}.show{opacity:1!important}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.menu{width:100%}ul{margin:0;padding:0}ul li{box-sizing:border-box;list-style:none;padding:0 8px;width:100vw}.menu__element{align-items:center;background-color:#fff;border-radius:16px;box-shadow:0 5px 7px 0 #00000087;color:#000;display:flex;font-size:28px;font-weight:700;height:58px;justify-content:center;letter-spacing:4px;text-decoration:none;text-transform:uppercase;width:100%}.menu__element:not(:last-child){margin-bottom:12px}.reaction{height:100%;width:100%}.ball{opacity:0;position:relative;-webkit-transform:rotate(131deg);transform:rotate(131deg);transition:opacity .2s ease-out,-webkit-transform .2s ease-in;transition:transform .2s ease-in,opacity .2s ease-out;transition:transform .2s ease-in,opacity .2s ease-out,-webkit-transform .2s ease-in}.up{-webkit-transform:rotate(131deg) translate(-62%,60%);transform:rotate(131deg) translate(-62%,60%)}.reaction__controller{position:absolute;right:0;top:16px;z-index:2000}.reaction__controller__button{font-size:32px;height:48px;margin-right:16px;width:48px}.reaction__button,.reaction__controller__button{background-color:#fff;border:none;box-shadow:0 5px 7px 0 #00000087}.reaction__button{border-radius:16px;color:var(--color-main);font-size:2em;height:56px;justify-self:end;margin-bottom:32px;width:200px}.reaction__overlay{align-items:center;background-color:#ffffff42;justify-content:center;position:absolute;top:0;width:100%;z-index:1000}.reaction__overlay,.reaction_overlay__menu{display:flex;flex-direction:column;height:100%}.reaction_overlay__menu{place-content:center center}.input-number__wrapper{display:flex;font-size:2em}.input-number__value{display:flex;font-weight:700;height:48px;line-height:48px;place-content:center;width:150px}.input-number__button{all:unset;background-color:#fff;border:none;border-radius:50%;box-shadow:0 5px 7px 0 #00000087;color:var(--color-main);cursor:pointer;display:flex;font-size:42px;height:48px;line-height:42px;place-content:center center;width:48px}
/*# sourceMappingURL=main.9eab720e.css.map*/