h1,h2,h3,h4,h5{font-weight:700;color:var(--text)}:root{--text: #e1e1e1;--background: #161616;--border: grey;--select: rgb(57, 165, 72);--select-hover: rgb(32, 133, 46);--pink: #ad108b;--font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--line-height: 1.5;--font-weight: 400;--max-width: 500px;--color-scheme: dark}body{margin:0}#root{margin:0 auto;padding:0 1rem;text-align:center}:root{height:100vh;font-family:var(--font-family);line-height:var(--line-height);font-weight:var(--font-weight);max-width:var(--max-width);color-scheme:var(--color-scheme);background-color:var(--background)}h1{font-size:2em}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--primary);transition:border-color .25s;max-height:50px;color:var(--text)}button:hover{background-color:var(--primary-hover)}button:disabled{background-color:#000;cursor:not-allowed}.category-input{max-height:45px;--container_width: min(87.5vw, 450px);position:relative;display:flex;align-items:center;border-radius:10px;background-color:var(--prim);color:var(--text);width:var(--container_width);overflow:hidden;border:none}.category-input div{width:100%;padding:10px;display:flex;justify-content:center;align-items:center;z-index:1;font-weight:600;letter-spacing:0px}.selection{display:none;position:absolute;height:100%;width:calc(var(--container_width) / 2);z-index:0;left:0;top:0;transition:.3s ease}.category-input .selectCategory~.selection{display:inline-block}.category-input .selectCategory:nth-child(1)~.selection{transform:translate(calc(var(--container_width) * 0 / 2))}.category-input .selectCategory:nth-child(2)~.selection{transform:translate(calc(var(--container_width) * 1 / 2))}.category-input .pink~.selection{background-color:var(--pink)}.category-input .blue~.selection{background-color:#0441b3}.category-input .white~.selection{background-color:#fff}.category-input .white{color:#000}.list{padding:0;list-style-type:none}.list-item{border:1px solid var(--border);margin:2px;border-radius:10px;padding:8px 5px}.selected{margin-bottom:0;border:3px solid var(--select);transition:.2s}.selectionBtn{border:none;padding:.6em 2em}.voted-c{margin:25vh auto;max-width:60%;min-width:fit-content;padding:30px 50px;border-radius:10px;font-size:medium;border:1px solid grey;background-color:#00000056}.body{position:fixed;top:0;bottom:0;left:0;right:0;height:100svh;display:flex;flex-direction:column}.main{flex:1;overflow-y:auto}footer{padding:5px 0}.vote-btn{width:90vw;max-width:100%;background-color:var(--select)}.vote-btn:hover{background-color:var(--select-hover)}.container{max-width:500px;margin:0 auto}.container>*{margin:3px}.input-group{border:1px solid grey;border-radius:30px;display:flex;align-items:center}.search-icon{padding:10px}input{border:none;background:transparent;padding:10px;width:100%;outline:none}.input-group:focus-within{outline:1px solid white}