*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}button{border:none;background:none;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}html{touch-action:manipulation}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#111;color:#fff;overscroll-behavior:none}#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}.drink-button{position:relative;width:200px;height:200px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);color:#ffffffe6;font-size:2.5rem;user-select:none;-webkit-user-select:none}.drink-button:active{background:#ffffff12}.label{position:relative;z-index:2}.ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#ffffff14;stroke-width:3}.ring-progress{fill:none;stroke:#ffffffe6;stroke-width:3;stroke-linecap:round;stroke-dasharray:289;stroke-dashoffset:289}.screen{height:100%;display:flex;align-items:center;justify-content:center;padding:1.5rem}