<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
	MEDIA QUERIES

	Minimum design width: 320px @ 96ppi 

 	3:4:6:8:12:16 rule

    0.75x, &gt;&gt;&gt;1.0x&lt;&lt;&lt;, 1.5x, &gt;&gt;&gt;2.0x&lt;&lt;&lt;, &gt;&gt;&gt;3.0x&lt;&lt;&lt;, 4.0x
    
    		^stdres, 			^midres, 	^hires
*/
/*
	Midres
*/
.midres #dppx {
  z-index: 2;
  position: absolute;
}
/*
	Hires	
*/
.hires #dppx {
  z-index: 3;
  position: absolute;
}
/*
	Midres
*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min--moz-device-pixel-ratio: 2) and (-o-min-device-pixel-ratio: 2/1) {
  #dppx {
  z-index: 2;
  position: absolute;
}

}
/*
	Hires	
*/
@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min--moz-device-pixel-ratio: 3), only screen and (-o-min-device-pixel-ratio: 3/1) {
  #dppx {
  z-index: 3;
  position: absolute;
}

}
</pre></body></html>