.styled .info-field .description {
	float: left;
	margin-right: 0.5rem;
}
.styled .info-field .value {
	color: #434c53;
}
.styled .info-field .description:after {
	content: ":";
}
.styled .info-field .value [data-tooltip], .styled .info-field .value .has-tooltip {
	text-decoration: underline;
}
.styled .info-field .value code {
	display: inline-block;
	margin-left: 0.2rem;
}
.styled .info-field .value code.fade {
    display: none;
}

.styled .info-field .value:focus .fade, .styled .info-field .value:hover .fade, .styled .info-field .value:active .fade {
    display: inline-block;
}
.styled .info-field .value:focus .more, .styled .info-field .value:hover .more, .styled .info-field .value:active .more {
    display: none;
}
.styled .code-group {
    position: relative;
}
.styled .code-group > ul {
    display: none;
    padding: 0.5rem;
    margin: 0rem;
    width: 20rem;
    position: absolute;
    list-style-type: none;
    background: #d0d3d4;
    color: #000;
    z-index: 1;
    bottom: 1.5rem;
    left: 0rem;
}
.styled .code-group > ul:before {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    background: linear-gradient(to bottom right, #d0d3d4 0%, #d0d3d4 50%, transparent 51%, transparent 100%);
    bottom: -1rem;
    left: 1rem;
}
.styled .code-group > ul > li {
    display: inline;
    margin-right: 0.5rem;
}
.styled .code-group:focus ul, .styled .code-group:hover ul, .styled .code-group:active ul {
    display: block;
}
.styled .article-list .action a.functionlink {
	display: table;
}
@media (min-width: 600px) {
	.styled .properties {
		background: #e7e9ea;
		padding: 0.5rem;
	}
	.styled .properties .info-container, .styled .properties .action {
		width: 45%;
		margin-top: 0.5rem;
	}
	.styled .properties .info-container {
		float: left;
	}
	.styled .properties .action {
		margin-left: 50%;
	}
	.styled .properties .action > *:first-child {
		margin-top: 0px;
	}
	.styled .properties:after {
		content: "";
		display: block;
		clear: both;
	}
}