.detectors {
	.box ($absolute,$initial,$zero,$initial,$initial,-1px,1px,10px);
	> * {
		.box ($absolute,$initial,$initial,$initial,$initial,$zero,1px,1px);
		.hidden;
		&.retina {
			top: 0px;
			@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),only screen and (-moz-min-device-pixel-ratio: 1.5),only screen and (-o-min-device-pixel-ratio: 3/2),only screen and (min-device-pixel-ratio: 1.5) {
				& {
					@include block(true);
				}
			}
		}
		
		&.mobile {
			top: 1px;
			@media (max-width: $medium) {
				& {
					display: block !important;
				}
			}
		}
		&.ie-9 {
			top: 2px;
		}
		&.ie {
			top: 3px;
			@media screen and (-ms-high-contrast: active), (-ms-high-contrast: $none) {
				& {
					@include block(true);
				}
			}
		}
		&.xsmall {
			top: 4px;
			@media (max-width: $x-small) {
				& {
					@include block(true);
				}
			}
		}
		&.small {
			top: 5px;
			@media (max-width: $small) {
				& {
					@include block(true);
				}
			}
		}
		&.medium {
			top: 6px;
			@media (max-width: $medium) {
				& {
					@include block(true);
				}
			}
		}
		&.large {
			top: 7px;
			@media (max-width: $large) {
				& {
					@include block(true);
				}
			}
		}
		&.xlarge {
			top: 8px;
			@media (max-width: $x-large) {
				& {
					@include block(true);
				}
			}
		}
		&.max {
			top: 9px;
			@media (min-width: $max) {
				& {
					@include block(true);
				}
			}
		}
	}
}