body{background:radial-gradient(circle,#1b2735,#090a0f 70%,#000);color:#fff;font-family:sans-serif}.mainTitle{font-size:20pt;margin:10px}label>input{visibility:hidden;position:absolute}label{cursor:pointer}.heroes>input:checked+img{outline:2px solid greenyellow;border-radius:0% 0% 50% 50%}.items:hover{cursor:pointer;border-radius:3px;outline:2px solid greenyellow}.slots:hover{cursor:pointer;filter:brightness(1.5)}.gemSlots{position:absolute;top:50%;cursor:pointer;width:35px;height:35px;background-color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10}.gemPicker,.itemPicker{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.exportButton,.importButton{background:#000;color:orange;border:1px solid orange;padding:8px 16px;cursor:pointer;font-weight:700;text-transform:uppercase;font-size:13px;transition:all .2s ease-in-out;outline:none}.exportButton:hover,.importButton:hover{background:orange;color:#000}.clearButton{background:#000;color:#666;border:1px solid #444;padding:8px 16px;cursor:pointer;font-weight:700;text-transform:uppercase;font-size:13px;transition:.2s}.clearButton:hover{color:#fff;background:#b22222;border-color:#b22222;box-shadow:0 0 10px #b2222266}