gMail tablet for desktop by myfonj

/* ==UserStyle==
@name           gMail tablet for desktop
@namespace      github.com/openstyles/stylus
@version        1.2.0
@description    Makes "tablet" gMail (mail.google.com/mail/mu/) version more usable on desktop
@author         myfonj
@license        CC0
==/UserStyle== */
@-moz-document url-prefix("https://mail.google.com/mail/mu/") {
/*
Changelog
1.2.0 (2024-10-18) hide "upgrade to app" banner ("#speedbump") :D
*/
 OFFhtml {
  color-scheme: dark light;
  & :not(#a#b#c) {
   color: revert;
   background-color: revert;
   border-image: none;
  }
 }
 /* Upgrade to [app] */
 #speedbump {
  display: none
 }
 #nav:has(#speedbump) ~ #views[style*="top: "] {
  top: 0 !important;
 }
 /* */
 body:not(#a#b#c) {
  #apploadingdiv,
  #loadscreen {
   opacity: 0 !important;
  }
  X {
   opacity: 1 !important;
   transition: none !important;
   animation-duration: 16ms !important;
   animation-timing-function: step-end !important;
   animation-iteration-count: 1 !important;
  }
 }
 html {
  max-width: 50em;
  margin: auto;
  scrollbar-gutter: stable;
  overflow-y: scroll;
 }
 [data-onfocus],
 [tabindex="0"]:not([role=" "]),
 input,
 button {
  cursor: pointer;
  background-color: color-mix(in srgb, currentcolor, transparent 95%);
  &:hover {
   background-color: color-mix(in srgb, mark, transparent 85%) !important;
   &>*:empty{
    filter: contrast(10%);
    transform: scale(1.1);
   }
   & * { 
    filter: contrast(200%);
   }
   
  }
 }
 #views [style^="position: absolute; transition: transform 200ms ease-out; transform: translate3d(0px, "] {
  &:not(:hover) {
   opacity: .6;
  }
  position: fixed !important;
  top: 0;
  right: 0;
  transform: none !important;
 }
 p,
 blockquote,
 ul,
 ol {
  max-width: 80ch;
 }
 img {
  max-width: 100% !important;
 }
}