/* AUTOROTATE TOGGLE */

.mobile #autorotateToggle {

  display: none;

}



.mobile #autorotateToggleMobile {

  display: block;
  bottom: var(--mobile-titleBar-bottom);
  right: var(--mobile-titleBar-leftAndRight);
  width: var(--mobile-titleBar-height);
  height: var(--mobile-titleBar-height);

}



#autorotateToggleMobile .icon {

  position: absolute;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: var(--icon-margin);

}



.mobile #autorotateToggleMobile .icon {

  width: var(--mobile-icon-size);
  height: var(--mobile-icon-size);

}



#autorotateToggleMobile .icon.on {

  display: none;

}



#autorotateToggleMobile .icon.off {

  display: block;
  fill: var(--highlight-rgb);

}



#autorotateToggleMobile .icon.off:hover {

  fill: var(--hover-rgb);

}



#autorotateToggleMobile.enabled .icon.on {

  display: block;
  fill: var(--hover-rgb);

}



#autorotateToggleMobile.enabled .icon.off {

  display: none;

}