#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}:root{--tg-theme-bg-color: #efeff3;--tg-theme-button-color: #63d0f9;--tg-theme-button-text-color: black}.App{height:100vh;background-color:var(--tg-theme-bg-color);color:var(--tg-theme-text-color)}.Container{padding:2rem;max-width:500px;display:flex;flex-direction:column;gap:30px;align-items:center;margin:0 auto;text-align:center}.Button{background-color:var(--tg-theme-button-color);color:var(--tg-theme-button-text-color);display:inline-block;padding:10px 20px;border-radius:10px;cursor:pointer;font-weight:700;width:100%}.Disabled{filter:brightness(50%);cursor:initial}.Button.Active:hover{filter:brightness(105%)}.Hint{color:var(--tg-theme-hint-color)}.Card{width:100%;padding:10px 20px;border-radius:10px;background-color:#fff}@media (prefers-color-scheme: dark){:root{--tg-theme-bg-color: #131415;--tg-theme-text-color: #fff;--tg-theme-button-color: #32a6fb;--tg-theme-button-text-color: #fff}.Card{background-color:var(--tg-theme-bg-color);filter:brightness(165%)}.CounterValue{border-radius:16px;color:#fff;padding:10px}}