#root{--color-primary: #ffae00;--color-bg: #4b4b4b;width:100vw;text-align:center;overflow:hidden;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--color-primary);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0 auto;place-items:center;min-width:320px}.voting{display:flex;justify-content:center;align-items:center;min-height:100vh}.categories{display:flex;flex:1;overflow:hidden;position:relative;scroll-behavior:smooth}.nav{position:absolute;top:40%;cursor:pointer;z-index:1;width:3rem;height:3rem;background-color:var(--color-primary);clip-path:polygon(100% 0,0 50%,100% 100%);border-radius:200% 5px 5px 200%}.prev{left:10px;display:none}.next{right:10px;transform:scaleX(-1)}.category{width:100vw;margin:0;flex-shrink:0}.category .votes{display:flex;gap:1rem;justify-content:center;align-items:center;padding:10px}.vote{width:150px;min-height:150px;color:#000;background-color:var(--color-primary);border-radius:10px;box-shadow:0 0 10px #000;transition:all .3s;position:relative}.vote:hover{background-color:#fa8f00}.vote.selected{background-color:#fb4e00}a{position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:1}footer{display:flex;gap:20px;align-items:center;justify-content:flex-start;background-color:#282c34;color:#fff;text-align:center;padding:10px;position:fixed;left:0;bottom:0;z-index:100;height:110px;width:100%;overflow-x:auto;white-space:nowrap}footer span{cursor:pointer;font-size:1.75rem;padding:5px 10px;font-weight:300;border-radius:5px;border-inline:1px solid var(--color-primary);transition:all .3s}footer span:hover{background-color:var(--color-primary);color:var(--color-bg);font-weight:500}footer span.active{background-color:var(--color-primary);color:var(--color-bg);font-weight:700}.logo{position:absolute;top:0;left:50%;transform:translate(-50%);max-width:80%;max-height:300px;transition:filter .25s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.submit{position:absolute;bottom:160px;left:50%;transform:translate(-50%);padding:10px 30px;background-color:var(--color-primary);color:var(--color-bg);border-radius:5px;border:none;font-size:2rem;cursor:pointer;transition:all .3s}.submit:disabled{opacity:.75;cursor:not-allowed}.info{position:absolute;bottom:120px}.info.voted{bottom:210px}