#colourPicking{background-color:#4a0080}html{overflow-y:scroll}body{margin:0}#headerTypeNav{flex-direction:row;gap:1vw;margin-top:auto}#headerTypeNav,.typeBarWrap{align-items:center;display:flex;height:12vh;justify-content:center}.typeBarWrap{filter:drop-shadow(5px 5px 5px rgb(61,61,61));flex-direction:column;min-width:15vw;opacity:.7;z-index:1}.typeBarWrap:hover{cursor:pointer;filter:drop-shadow(3px 3px 3px rgb(61,61,61))}.typeBar{align-items:center;border-radius:1vh;display:flex;height:8vh;justify-content:center;text-align:center;width:-webkit-fill-available}.typeBar>span{color:azure;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:2.75vmin;font-weight:700;padding:0 .25vw;user-select:none}.typeBar>span>p{font-size:1.5vmin;margin:0}.typeBarArrow{border-left:0 solid transparent;border-right:0 solid transparent;border-top:0 solid transparent}.hasFocus{filter:drop-shadow(3px 3px 3px rgb(61,61,61));margin-top:4vh;opacity:1}.hasFocus>.typeBarArrow{border-left:3vw solid transparent;border-right:3vw solid transparent;border-top:3vh solid transparent}.hidden{display:none}:disabled{background-color:#a9a9a9;color:#fff;opacity:.5}:disabled:hover{cursor:not-allowed}