+.responsive-design-page-scale-container {
+ position: absolute !important;
+ top: 0;
+ right: 0;
+ padding: 10px;
+ background-color: rgba(0, 0, 0, 0.3);
+ align-items: center;
+}
+
+.responsive-design-page-scale-label {
+ display: block;
+ height: 20px;
+ margin: 0 4px;
+ padding-top: 3px;
+ color: white;
+ cursor: default !important;
+}
+
+.responsive-design-page-scale-container .responsive-design-page-scale-button.status-bar-item {
+ display: block;
+ width: 18px;
+ height: 18px;
+ border: 1px solid transparent;
+ border-radius: 2px;
+}
+
+.responsive-design-page-scale-container .responsive-design-page-scale-button.status-bar-item:not(:disabled):hover {
+ box-shadow: rgb(255, 255, 255) 0 0 3px;
+}
+
+.responsive-design-page-scale-container .responsive-design-page-scale-button.status-bar-item > .glyph {
+ background-color: rgb(180, 180, 180);
+ -webkit-mask-image: url(Images/responsiveDesign.png);
+ -webkit-mask-size: 112px 16px;
+ opacity: 1;
+}
+
+.responsive-design-page-scale-container .status-bar-item .glyph.shadow {
+ background-color: black !important;
+}
+
+@media (-webkit-min-device-pixel-ratio: 1.5) {
+ .responsive-design-page-scale-container .responsive-design-page-scale-button.status-bar-item > .glyph {
+ -webkit-mask-image: url(Images/responsiveDesign_2x.png);
+ }
+} /* media */
+
+.responsive-design-page-scale-increase > .glyph {
+ -webkit-mask-position: -81px 1px;
+}
+
+.responsive-design-page-scale-decrease > .glyph {
+ -webkit-mask-position: -97px 1px;
+}
+