User:TreeIsLife/common.css

#skinchange-button {
	cursor: pointer;
}

#skinchange-popup {
	background-color: #FAFAFA;
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
	z-index: 100;
	left: 160px;
	top: 210px;
	width: 20vw;
	max-width:500px;
	position: absolute;
}

.skinchange-choice-outer {
	display: flex;
	justify-content: center;
	align-items: center;
}

.skinchange-choice {
	height: 16px;
	width: 16px;
	padding: 0.3em;
	line-height: 1;
	text-align: center;
	font-size: 10vmin;
	/*cursor: pointer;*/
}

#skinchange-popup span {
	padding: 0 5px 0 5px;
	line-height: 1;
	font-weight: bold;
}

#skinchange-dark, #skinchange-light {
	cursor: pointer;
}

#skinchange-dark {
	background: url(https://static.wikia.nocookie.net/raft_gamepedia_en/images/c/cf/SkinToggle-Moon.png/revision/latest/scale-to-width-down/64) center no-repeat;
}
#skinchange-light {
	background: url(https://static.wikia.nocookie.net/raft_gamepedia_en/images/1/15/SkinToggle-Sun.png/revision/latest/scale-to-width-down/64) center no-repeat;
}

#skinchange-x {
	cursor:pointer;
	position:absolute;
	right:0;
	text-align: right;
}