/*!
 * Iro (色) - Color conversion tool
 * 
 * author: sizeof(cat) <sizeofcat AT riseup DOT net> http://sizeof.cat
 * url: http://sizeof.cat/project/iro/
 * copyright: 2022-2025
 * license: GPLv3
 * 
 *           o8o                                  .o88o.   .o                         .   o.   
 *           `"'                                  888 `"  .8'                       .o8   `8.  
 *  .oooo.o oooo    oooooooo  .ooooo.   .ooooo.  o888oo  .8'   .ooooo.   .oooo.   .o888oo  `8. 
 * d88(  "8 `888   d'""7d8P  d88' `88b d88' `88b  888    88   d88' `"Y8 `P  )88b    888     88 
 * `"Y88b.   888     .d8P'   888ooo888 888   888  888    88   888        .oP"888    888     88 
 * o.  )88b  888   .d8P'  .P 888    .o 888   888  888    `8.  888   .o8 d8(  888    888 .  .8' 
 * 8""888P' o888o d8888888P  `Y8bod8P' `Y8bod8P' o888o    `8. `Y8bod8P' `Y888""8o   "888" .8'  
 *                                                         `"                             "'   
 */
.color-preview {
	height: 100px;
	border-top: none;
	border-bottom: none;
}
.color-info {
	width: calc(100% - 40px);
	padding: 20px;
	border-top: none;
}
.color-info dl {
	margin: 0;
}
.color-info dl dt {
	width: 200px;
}
.color-info-objcstring,
.color-info-swiftstring,
.color-info-hslstring,
.color-info-androidstring,
.color-info-rgbstring,
.color-info-rgb,
.color-info-hsv,
.color-info-hsl,
.color-info-lab,
.color-info-xyz,
.color-info-cmyk,
.color-info-hex {
	padding: 7px 10px 6px 10px;
	font-family: "Fira Code", monospace;
	display: inline-block;
	width: 86%;
	font-size: 14px;
	text-align: center;
	color: #000;
	background-color: #fff;
}
.color-info {
	background-color: #eee;
}
.color-info-string {
	margin: 0 auto 10px auto;
}
.color-info-label {
	text-align: center;
	width: 100px;
	display: inline-block;
	background-color: #ddd;
	color: #000;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	font-weight: bold;
	padding: 4px 0;
	border: 1px solid #ddd;
}
.color-info-help {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	display: inline-block;
	background-color: #444;
	padding: 4px 10px;
	color: #fff;
	font-weight: bold;
}
.color-info-help:hover {
	background-color: #111;
}