body{margin:0;padding:0}:root{--primary:oklch(60.167% .21377 32.165);--primary-text:oklch(69.7% .2465 31.76);--secondary:oklch(84.782% .12228 183.411);--secondary-background:oklch(55.226% .10069 178.787)}.redt{color:var(--primary-text)}.bluet{color:var(--secondary)}.icon{transform:translateY(-.5px)}.icon-sm{vertical-align:-2px}.main{justify-content:center;align-items:center;width:100vw;height:100vh;font-family:DM Sans;display:flex}.main-container{flex-direction:column;display:flex}.picking-container{gap:5px;height:275px;display:flex}.picking-state{background-color:#222;width:225px}.overlay-icon{opacity:.025;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_2'%20data-name='Layer%202'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3e%3cg%3e%3cpolygon%20fill='white'%20points='358.44%20321.23%20372.09%20347.95%20326.49%20347.95%20312.85%20321.23%20298.65%20293.43%20281.07%20321.23%20231.04%20321.23%20247.03%20295.97%20276.31%20249.69%20301.54%20209.81%20306.04%20202.69%20330.12%20164.63%20380.14%20164.63%20356.06%20202.69%20323.88%20253.56%20358.44%20321.23'/%3e%3cpolygon%20fill='white'%20points='288.06%20202.12%20268.28%20233.38%20238.99%20279.66%20212.38%20321.72%20189.27%20276.46%20131.86%20164.05%20179.95%20164.05%20215.88%20234.41%20236.3%20202.12%20288.06%20202.12'/%3e%3c/g%3e%3c/svg%3e");background-position:50%;background-repeat:no-repeat;width:100%;height:100%}.picked-state{flex-direction:column;width:100%;height:100%;display:flex}.picked-state-header{color:#fff;background-color:#111;justify-content:center;align-items:center;gap:.2em;height:30px;font-family:Space Grotesk;font-size:24px;display:flex}.picked-state-header.bottom{text-align:center;height:64px;font-family:DM Sans;font-size:20px}.picked-state-header.ban{background-color:var(--primary)}.picked-state-header.pick{background-color:var(--secondary-background)}.picked-state-backdrop{background-position:50%;background-size:cover;flex:1}.picked-state-backdrop-container{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.picked-state-icon{width:75px;height:75px;image-rendering:pixelated;background-position:50%;background-size:cover}