@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,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}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,sans-serif}.app{flex-direction:column;padding:24px}.app,.loading{align-items:center;background:#000;color:#fff;display:flex;justify-content:center;min-height:100vh}.loading{font-family:Roboto,sans-serif;font-size:16px}.header{animation:slideUp .4s cubic-bezier(.4,0,.2,1);margin-bottom:48px;text-align:center}.header h1{font-size:34px;line-height:40px;margin:0 0 8px}.header h1,.vote-count{font-weight:400;letter-spacing:.25px}.vote-count{color:#ffffffb3;font-size:14px;margin:0}.voted-indicator{color:#4caf50;font-size:14px;font-weight:500;letter-spacing:.25px;margin:8px 0 0}.error-message{animation:slideDown .3s cubic-bezier(.4,0,.2,1);background:#cf6679;border-radius:8px;box-shadow:0 4px 8px #0006;color:#fff;font-size:14px;font-weight:500;left:50%;max-width:90%;padding:16px 24px;position:fixed;text-align:center;top:24px;transform:translateX(-50%);z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-100%)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.cats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:48px;max-width:800px;width:100%}.cat-button{animation:slideUp .4s cubic-bezier(.4,0,.2,1) both;background:#1e1e1e;border:none;border-radius:16px;box-shadow:0 4px 8px #0006;cursor:pointer;overflow:hidden;padding:0;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.cat-button:first-child{animation-delay:.1s}.cat-button:nth-child(2){animation-delay:.2s}.cat-button:hover{box-shadow:0 8px 16px #ffffff1a;transform:translateY(-4px)}.cat-button:active{transform:translateY(-2px)}.cat-button.disabled{cursor:not-allowed;opacity:.6}.cat-button.disabled:hover{box-shadow:0 4px 8px #0006;transform:none}.cat-button:disabled,.ripple{pointer-events:none}.ripple{animation:ripple .6s ease-out;background:#ffffff4d;border-radius:50%;height:20px;position:absolute;transform:translate(-50%,-50%);width:20px}@keyframes ripple{to{opacity:0;transform:translate(-50%,-50%) scale(4)}}.cat-image-wrapper{aspect-ratio:1;overflow:hidden;width:100%}.cat-image{display:block;height:100%;object-fit:cover;width:100%}.cat-label{padding:16px;text-align:left}.cat-label p{color:#fff;font-size:16px;font-weight:500;letter-spacing:.15px;margin:0}.results{animation:slideUp .4s cubic-bezier(.4,0,.2,1) .3s both;background:#1e1e1e;border-radius:16px;box-shadow:0 4px 8px #0006;max-width:800px;padding:24px;width:100%}.results h2{font-size:22px;font-weight:400;letter-spacing:0;line-height:28px;margin:0 0 24px}.result-item{margin-bottom:24px}.result-item:last-child{margin-bottom:0}.result-header{display:flex;justify-content:space-between;margin-bottom:8px}.result-name{color:#fff}.result-name,.result-percentage{font-size:14px;font-weight:500;letter-spacing:.1px}.result-percentage{color:#ffffffb3}.progress-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{animation:progressBar .6s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:4px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes progressBar{0%{width:0}}@media (max-width:640px){.app{padding:16px}.header h1{font-size:28px;line-height:36px}.cats-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.d8021a95.css.map*/