@media screen and (max-width: 768px) {
  :root {
    --omail-mobile-topbar-height: 68px;
    --omail-mobile-bottom-nav-height: 64px;
    --omail-mobile-selection-height: 54px;
    --omail-list-surface-opacity: 0.8;
  }

  html,
  body {
    width: 100%;
    height: 100%;
    min-height: 100dvh;
    overflow: hidden;
    color: #202124;
    background-color: #f6f8fc !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
  }

  body[data-omail-theme="sky"] {
    background-image: url("../images/bgimage.jpg") !important;
  }

  body[data-omail-theme="kiss"] {
    background-image: url("../images/kiss.webp") !important;
  }

  body[data-omail-theme="pig"] {
    background-image: url("../images/pig.png") !important;
  }

  body[data-omail-theme="city"] {
    background-image: url("../images/city.jpg") !important;
  }

  body::before {
    display: none !important;
  }

  #layout {
    position: fixed;
    inset: 0;
    display: block !important;
    width: 100%;
    height: 100dvh;
    overflow: hidden;
    background: transparent !important;
  }

  body.task-mail.action-none #omail-brand,
  body.task-mail.action-none #omail-sidebar-toggle,
  body.task-mail.action-none .menu_bottom,
  body.task-mail.action-none .floating-action-buttons,
  body.task-mail.action-none #messagelist-header {
    display: none !important;
  }

  body.task-mail.action-none #omail-topbar {
    position: fixed !important;
    top: 0;
    left: 0 !important;
    right: 0 !important;
    z-index: 1020;
    display: flex;
    align-items: center;
    width: 100%;
    height: var(--omail-mobile-topbar-height);
    padding: 8px 58px 8px 56px;
    background: rgba(246, 248, 252, 0.8) !important;
    -webkit-backdrop-filter: blur(16px) saturate(130%);
    backdrop-filter: blur(16px) saturate(130%);
    transition:
      padding 220ms cubic-bezier(0.2, 0, 0, 1),
      background-color 160ms ease;
  }

  body.task-mail.action-none #omail-search-shell,
  body.task-mail.action-none #omail-search-shell .searchbar,
  body.task-mail.action-none #omail-search-shell .searchbar form {
    width: 100%;
    height: 48px;
    margin: 0;
  }

  body.task-mail.action-none #omail-search-shell .searchbar {
    padding: 0 4px 0 12px !important;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.84) !important;
    -webkit-backdrop-filter: blur(12px) saturate(120%);
    backdrop-filter: blur(12px) saturate(120%);
    border: 1px solid rgba(95, 99, 104, 0.12) !important;
    border-radius: 24px !important;
    box-shadow: 0 1px 4px rgba(60, 64, 67, 0.18);
    transition:
      border-radius 220ms cubic-bezier(0.2, 0, 0, 1),
      box-shadow 160ms ease;
  }

  body.task-mail.action-none #omail-search-shell .searchbar form::before {
    display: none !important;
  }

  body.task-mail.action-none #omail-search-shell .omail-search-submit {
    flex-basis: 40px;
    margin: 4px 2px 4px -8px;
  }

  body.task-mail.action-none #omail-search-shell .searchbar input {
    min-width: 0;
    height: 46px;
    padding: 0 4px !important;
    color: #202124 !important;
    font-size: 16px;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body.task-mail.action-none #omail-search-shell .searchbar a {
    display: inline-grid;
    flex: 0 0 40px;
    width: 40px;
    min-width: 40px;
    height: 40px;
    margin: 4px 0;
    place-items: center;
    color: #444746;
    border-radius: 50%;
  }

  body.task-mail.action-none #omail-search-shell .searchbar a.options {
    display: inline-grid !important;
  }

  body.task-mail.action-none #omail-search-shell .searchbar a.reset,
  body.task-mail.action-none #omail-search-shell .searchbar a.search,
  body.task-mail.action-none #omail-search-shell .searchbar a.unread {
    display: none !important;
  }

  #omail-mobile-menu-button {
    position: fixed;
    top: 14px;
    left: 8px;
    z-index: 1030;
    display: grid;
    width: 40px;
    height: 40px;
    padding: 0;
    place-items: center;
    color: #202124;
    background: transparent;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    transition:
      opacity 150ms ease,
      transform 180ms cubic-bezier(0.2, 0, 0, 1),
      background-color 120ms ease;
  }

  #omail-mobile-menu-button::before {
    content: "\f0c9";
    font-family: Icons;
    font-size: 20px;
    font-weight: 900;
    line-height: 1;
  }

  #omail-mobile-menu-button:active {
    background: rgba(60, 64, 67, 0.12);
    transform: scale(0.92);
  }

  body.task-mail.action-none .omail-account-menu {
    position: fixed !important;
    top: 10px !important;
    right: 8px !important;
    z-index: 1030 !important;
    display: block !important;
    width: 44px !important;
    height: 44px !important;
    opacity: 1;
    transition:
      opacity 150ms ease,
      transform 180ms cubic-bezier(0.2, 0, 0, 1);
  }

  body.task-mail.action-none .omail-account-button {
    width: 44px;
    height: 44px;
  }

  body.task-mail.action-none .omail-account-button .omail-profile-avatar {
    width: 36px;
    height: 36px;
  }

  body.task-mail.action-none #layout-list,
  body.task-mail.action-none #layout-content {
    position: fixed !important;
    inset:
      var(--omail-mobile-topbar-height)
      0
      var(--omail-mobile-bottom-nav-height)
      0 !important;
    display: flex;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    overflow: hidden;
    background: rgba(255, 255, 255, var(--omail-list-surface-opacity)) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: blur(12px) saturate(112%);
    backdrop-filter: blur(12px) saturate(112%);
    transition:
      top 220ms cubic-bezier(0.2, 0, 0, 1),
      background-color 160ms ease;
  }

  body.task-mail.action-none #layout-list.hidden,
  body.task-mail.action-none #layout-content.hidden {
    display: none !important;
  }

  #omail-mobile-mailbox-title {
    display: flex;
    flex: 0 0 38px;
    align-items: center;
    height: 38px;
    padding: 2px 16px 0;
    color: #444746;
    font-size: 14px;
    font-weight: 500;
    background: transparent;
  }

  body.task-mail.action-none #messagelist-content {
    position: relative;
    flex: 1 1 auto;
    width: 100%;
    min-height: 0;
    padding: 0 8px 112px !important;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    scroll-behavior: smooth;
    background: transparent !important;
  }

  body.task-mail.action-none #messagelist,
  body.task-mail.action-none #messagelist tbody {
    display: block;
    width: 100%;
    table-layout: auto;
    background: transparent !important;
    border: 0 !important;
    border-collapse: separate !important;
  }

  body.task-mail.action-none #messagelist thead {
    display: none !important;
  }

  body.task-mail.action-none #messagelist tr.message {
    position: relative;
    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr) 42px !important;
    grid-template-rows: minmax(76px, auto) !important;
    width: 100%;
    min-height: 76px !important;
    height: auto !important;
    margin: 0 0 3px;
    overflow: hidden;
    color: #202124;
    background: rgba(255, 255, 255, var(--omail-list-surface-opacity)) !important;
    border: 1px solid rgba(95, 99, 104, 0.12) !important;
    border-radius: 7px;
    box-shadow: 0 1px 2px rgba(60, 64, 67, 0.08);
    transform: translateX(0) scale(1);
    transform-origin: center;
    transition:
      min-height 180ms cubic-bezier(0.2, 0, 0, 1),
      opacity 180ms ease,
      transform 180ms cubic-bezier(0.2, 0, 0, 1),
      background-color 140ms ease,
      box-shadow 140ms ease;
  }

  body.task-mail.action-none #messagelist tr.message.unread {
    background: #fff !important;
    box-shadow:
      inset 3px 0 0 #0b57d0,
      0 1px 2px rgba(60, 64, 67, 0.1);
  }

  body.task-mail.action-none #messagelist tr.message.selected {
    background: #d3e3fd !important;
    border-color: rgba(11, 87, 208, 0.18) !important;
    box-shadow: inset 3px 0 0 #0b57d0;
  }

  body.task-mail.action-none #messagelist tr.message.omail-mobile-pressing {
    transform: scale(0.988);
    background: #eef3fb !important;
  }

  body.task-mail.action-none #messagelist tr.message.omail-mobile-long-pressed {
    animation: omail-mobile-selected-pulse 180ms cubic-bezier(0.2, 0, 0, 1);
  }

  body.task-mail.action-none #messagelist tr.message.omail-mobile-removing {
    min-height: 0 !important;
    height: 0 !important;
    margin: 0;
    opacity: 0;
    transform: translateX(28px) scale(0.98);
    pointer-events: none;
  }

  @keyframes omail-mobile-selected-pulse {
    50% {
      transform: scale(0.985);
    }
  }

  body.task-mail.action-none #messagelist tr.message > td {
    min-width: 0;
    height: auto !important;
    padding: 0 !important;
    color: #202124 !important;
    background: transparent !important;
    border: 0 !important;
  }

  body.task-mail.action-none #messagelist tr.message > td.selection {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: grid !important;
    width: auto !important;
    padding: 0 !important;
    place-items: center;
  }

  body.task-mail.action-none #messagelist tr.message > td.selection input[type="checkbox"],
  body.task-mail.action-none #messagelist tr.message > td.selection .sel_circle,
  body.task-mail.action-none #messagelist tr.message > td.selection > :not(.omail-mobile-avatar) {
    display: none !important;
  }

  .omail-mobile-avatar {
    position: relative;
    display: grid;
    width: 42px;
    height: 42px;
    padding: 0;
    overflow: hidden;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    place-items: center;
    background: var(--omail-sender-color, #5f6368);
    border: 0;
    border-radius: 50%;
    box-shadow: none;
    cursor: pointer;
    transition:
      color 120ms ease,
      background-color 140ms ease,
      transform 140ms cubic-bezier(0.2, 0, 0, 1);
  }

  .omail-mobile-avatar:active {
    transform: scale(0.92);
  }

  tr.selected .omail-mobile-avatar {
    color: transparent;
    background: #0b57d0;
  }

  tr.selected .omail-mobile-avatar::after {
    content: "\f00c";
    position: absolute;
    inset: 0;
    display: grid;
    color: #fff;
    font-family: Icons;
    font-size: 17px;
    font-weight: 900;
    place-items: center;
  }

  body.task-mail.action-none #messagelist tr.message > td.threads,
  body.task-mail.action-none #messagelist tr.message > td.threads.omail-important-cell,
  body.task-mail.action-none #messagelist tr.message > td.threads.omail-important-cell > .omail-important-control {
    display: none !important;
    visibility: hidden !important;
  }

  body.task-mail.action-none #messagelist tr.message > td.subject {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: 28px 26px !important;
    grid-template-areas:
      "sender date"
      "subject subject" !important;
    align-content: center;
    align-items: center;
    width: auto !important;
    min-width: 0;
    padding: 9px 2px 9px 0 !important;
    overflow: hidden;
    column-gap: 8px;
    direction: ltr;
    justify-self: stretch;
    text-align: left !important;
  }

  body.task-mail.action-none #messagelist td.subject span {
    display: block !important;
    min-width: 0;
    height: auto !important;
    padding: 0 !important;
    overflow: hidden;
    line-height: normal !important;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.task-mail.action-none #messagelist td.subject span.fromto {
    grid-area: sender;
    justify-self: start;
    width: 100%;
    color: #3c4043 !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px !important;
  }

  body.task-mail.action-none #messagelist tr.unread td.subject span.fromto {
    color: #202124 !important;
    font-weight: 700;
  }

  body.task-mail.action-none #messagelist td.subject span.subject {
    grid-area: subject;
    justify-self: start;
    width: 100%;
    color: #5f6368 !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px !important;
  }

  body.task-mail.action-none #messagelist tr.unread td.subject span.subject {
    color: #3c4043 !important;
    font-weight: 500;
  }

  body.task-mail.action-none #messagelist td.subject span.subject a {
    color: inherit !important;
  }

  body.task-mail.action-none #messagelist td.subject span.date {
    grid-area: date;
    justify-self: end;
    color: #5f6368 !important;
    font-size: 11px;
    font-weight: 400;
    line-height: 20px !important;
    text-align: right;
  }

  body.task-mail.action-none #messagelist td.subject span.size,
  body.task-mail.action-none #messagelist td.subject span.msgicon {
    display: none !important;
  }

  body.task-mail.action-none #messagelist tr.message > td.flags {
    grid-column: 3 !important;
    grid-row: 1 !important;
    position: relative;
    display: grid !important;
    width: auto !important;
    padding: 28px 0 0 !important;
    place-items: center;
  }

  body.task-mail.action-none #messagelist tr.message > td.flags > span.flag,
  body.task-mail.action-none #messagelist tr.message > td.flags > span.flagged,
  body.task-mail.action-none #messagelist tr.message > td.flags > span.unflagged {
    position: static !important;
    display: grid !important;
    width: 38px !important;
    height: 38px !important;
    margin: 0 !important;
    place-items: center;
    color: #8a9094 !important;
    background: transparent !important;
    border-radius: 50%;
    opacity: 1 !important;
    transform: none !important;
  }

  body.task-mail.action-none #messagelist tr.flagged td.flags > span.flag,
  body.task-mail.action-none #messagelist tr.flagged td.flags > span.flagged {
    color: #f4b400 !important;
  }

  body.task-mail.action-none #messagelist .omail-row-attachment {
    position: absolute !important;
    top: 7px;
    right: 8px;
    display: block !important;
    width: 18px;
    height: 18px !important;
    color: #5f6368 !important;
    line-height: 18px !important;
  }

  #omail-mobile-selection-bar {
    position: fixed;
    top: var(--omail-mobile-topbar-height);
    left: 0;
    right: 0;
    z-index: 1015;
    display: flex;
    align-items: center;
    height: var(--omail-mobile-selection-height);
    padding: 0 8px;
    color: #202124;
    background: rgba(246, 248, 252, 0.98);
    border-bottom: 1px solid rgba(95, 99, 104, 0.14);
    box-shadow: 0 2px 6px rgba(60, 64, 67, 0.12);
    opacity: 0;
    transform: translateY(-100%);
    pointer-events: none;
    transition:
      opacity 150ms ease,
      transform 220ms cubic-bezier(0.2, 0, 0, 1);
  }

  #omail-mobile-selection-bar[hidden] {
    display: flex !important;
  }

  body.omail-mobile-selecting #omail-mobile-selection-bar {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }

  body.omail-mobile-selecting #layout-list,
  body.omail-mobile-selecting #layout-content {
    top: calc(var(--omail-mobile-topbar-height) + var(--omail-mobile-selection-height)) !important;
  }

  #omail-mobile-selection-bar button {
    display: grid;
    width: 44px;
    height: 44px;
    padding: 0;
    place-items: center;
    color: #3c4043;
    background: transparent;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
  }

  #omail-mobile-selection-bar button:active {
    background: rgba(60, 64, 67, 0.12);
    transform: scale(0.92);
  }

  #omail-mobile-selection-bar button::before {
    font-family: Icons;
    font-size: 18px;
    font-weight: 900;
  }

  .omail-mobile-selection-close::before {
    content: "\f060";
  }

  .omail-mobile-selection-archive::before {
    content: "\f187";
  }

  .omail-mobile-selection-delete::before {
    content: "\f2ed";
  }

  .omail-mobile-selection-more::before {
    content: "\f142";
  }

  .omail-mobile-selection-count {
    min-width: 34px;
    margin-left: 2px;
    font-size: 17px;
    font-weight: 500;
  }

  .omail-mobile-selection-spacer {
    flex: 1;
  }

  #omail-mobile-bottom-nav {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    height: var(--omail-mobile-bottom-nav-height);
    padding: 5px max(16px, env(safe-area-inset-right)) max(5px, env(safe-area-inset-bottom));
    background: rgba(240, 244, 249, 0.8);
    border-top: 1px solid rgba(95, 99, 104, 0.14);
    -webkit-backdrop-filter: blur(16px) saturate(130%);
    backdrop-filter: blur(16px) saturate(130%);
    transition:
      opacity 160ms ease,
      transform 220ms cubic-bezier(0.2, 0, 0, 1);
  }

  #omail-mobile-bottom-nav button {
    display: grid;
    grid-template-rows: 30px 16px;
    align-items: center;
    justify-items: center;
    min-width: 0;
    padding: 0;
    color: #5f6368;
    font-size: 11px;
    font-weight: 500;
    background: transparent;
    border: 0;
    cursor: pointer;
  }

  .omail-mobile-nav-icon {
    display: grid;
    width: 64px;
    height: 30px;
    place-items: center;
    border-radius: 15px;
    transition:
      color 140ms ease,
      background-color 160ms ease,
      transform 160ms cubic-bezier(0.2, 0, 0, 1);
  }

  .omail-mobile-nav-icon::before {
    font-family: Icons;
    font-size: 18px;
    font-weight: 900;
  }

  .omail-mobile-nav-icon.inbox::before {
    content: "\f01c";
  }

  .omail-mobile-nav-icon.important::before {
    content: "\f02b";
  }

  #omail-mobile-bottom-nav button.is-active {
    color: #001d35;
  }

  #omail-mobile-bottom-nav button.is-active .omail-mobile-nav-icon {
    background: #c2e7ff;
  }

  #omail-mobile-bottom-nav button:active .omail-mobile-nav-icon {
    transform: scale(0.92);
  }

  body.task-mail.action-none #omail-mobile-compose {
    position: fixed;
    right: 16px;
    bottom: calc(var(--omail-mobile-bottom-nav-height) + 14px);
    z-index: 1004;
    display: inline-flex !important;
    min-width: 132px;
    height: 56px;
    padding: 0 20px 0 18px;
    align-items: center;
    justify-content: center;
    color: #001d35;
    font-size: 14px;
    font-weight: 600;
    background: #c2e7ff;
    border: 0;
    border-radius: 16px;
    box-shadow:
      0 4px 10px rgba(60, 64, 67, 0.2),
      0 1px 3px rgba(60, 64, 67, 0.14);
    transition:
      opacity 160ms ease,
      transform 180ms cubic-bezier(0.2, 0, 0, 1),
      box-shadow 140ms ease;
  }

  body.task-mail.action-none #omail-mobile-compose::before {
    content: "\f303";
    margin-right: 10px;
    font-family: Icons;
    font-size: 17px;
    font-weight: 900;
  }

  body.task-mail.action-none #omail-mobile-compose:active {
    transform: scale(0.96);
    box-shadow: 0 2px 6px rgba(60, 64, 67, 0.2);
  }

  body.omail-mobile-selecting #omail-mobile-compose,
  body.omail-mobile-searching #omail-mobile-compose,
  body.omail-mobile-drawer-open #omail-mobile-compose {
    opacity: 0;
    transform: translateY(20px) scale(0.94);
    pointer-events: none;
  }

  body.omail-mobile-searching #omail-mobile-bottom-nav {
    opacity: 0;
    transform: translateY(100%);
    pointer-events: none;
  }

  body.task-mail.action-none.omail-mobile-searching #layout-list,
  body.task-mail.action-none.omail-mobile-searching #layout-content {
    bottom: 0 !important;
  }

  body.task-mail.action-none #layout-sidebar {
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    z-index: 1200 !important;
    display: flex !important;
    width: min(86vw, 336px) !important;
    min-width: 0 !important;
    max-width: 336px !important;
    height: 100dvh !important;
    margin: 0 !important;
    overflow: hidden;
    color: #202124;
    background: rgba(255, 255, 255, 0.68) !important;
    border: 0 !important;
    border-radius: 0 18px 18px 0;
    box-shadow: 8px 0 24px rgba(32, 33, 36, 0.24);
    -webkit-backdrop-filter: blur(18px) saturate(125%);
    backdrop-filter: blur(18px) saturate(125%);
    opacity: 0;
    transform: translate3d(-102%, 0, 0);
    pointer-events: none;
    transition:
      opacity 160ms ease,
      transform 260ms cubic-bezier(0.2, 0, 0, 1);
    will-change: transform;
  }

  body.task-mail.action-none.omail-mobile-drawer-open #layout-sidebar {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    pointer-events: auto;
  }

  body.task-mail.action-none #layout-sidebar::before,
  body.task-mail.action-none #layout-sidebar > .header,
  body.task-mail.action-none #layout-sidebar > .header-title,
  body.task-mail.action-none #layout-sidebar .gitissue16 {
    display: none !important;
  }

  .omail-mobile-drawer-heading {
    display: flex;
    flex: 0 0 68px;
    align-items: center;
    gap: 2px;
    height: 68px;
    padding: 0 18px;
    color: #202124;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0;
  }

  .omail-mobile-drawer-logo {
    width: 38px;
    height: 38px;
    background: url("../images/omail-logo.png") center / contain no-repeat;
  }

  body.task-mail.action-none #folderlist-content {
    flex: 1 1 auto;
    width: 100%;
    min-height: 0;
    padding: 8px 0 24px !important;
    overflow-x: hidden !important;
    overflow-y: auto;
  }

  body.task-mail.action-none #mailboxlist,
  body.task-mail.action-none .omail-label-list {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: visible;
  }

  body.task-mail.action-none #mailboxlist li.mailbox,
  body.task-mail.action-none #mailboxlist li.omail-organizer-nav-item,
  body.task-mail.action-none .omail-label-list li.omail-organizer-nav-item {
    width: auto !important;
    height: 44px !important;
    margin: 0 12px 2px 0 !important;
    padding: 0 !important;
    overflow: hidden;
    border-radius: 0 22px 22px 0 !important;
    transform: none !important;
  }

  body.task-mail.action-none #mailboxlist li.mailbox > a,
  body.task-mail.action-none #mailboxlist li.mailbox > div > a,
  body.task-mail.action-none #mailboxlist li.omail-organizer-nav-item > a,
  body.task-mail.action-none .omail-label-list li.omail-organizer-nav-item > a {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 56px minmax(0, 1fr) auto;
    align-items: center;
    width: 100% !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 14px 0 0 !important;
    overflow: hidden;
    color: #202124 !important;
    font-size: 14px !important;
    line-height: 44px !important;
    text-decoration: none;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 22px 22px 0 !important;
    transform: none !important;
    transition:
      color 140ms ease,
      background-color 160ms ease !important;
  }

  body.task-mail.action-none #mailboxlist li.mailbox > a::before,
  body.task-mail.action-none #mailboxlist li.mailbox > div > a::before,
  body.task-mail.action-none #mailboxlist li.omail-organizer-nav-item > a::before,
  body.task-mail.action-none .omail-label-list li.omail-organizer-nav-item > a::before {
    position: static !important;
    grid-column: 1;
    display: grid !important;
    width: 56px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    place-items: center;
    color: #3c4043 !important;
    font-size: 17px !important;
    line-height: 1 !important;
    opacity: 1 !important;
    transform: none !important;
    transition: color 140ms ease !important;
  }

  body.task-mail.action-none #mailboxlist .omail-folder-label,
  body.task-mail.action-none .omail-label-list .omail-folder-label {
    grid-column: 2;
    min-width: 0;
    overflow: hidden;
    line-height: 44px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    opacity: 1 !important;
    transform: translateX(0) !important;
  }

  body.task-mail.action-none #mailboxlist .unreadcount,
  body.task-mail.action-none #mailboxlist .omail-folder-count,
  body.task-mail.action-none .omail-label-list .omail-folder-count {
    position: static !important;
    grid-column: 3;
    min-width: 24px;
    margin: 0 !important;
    padding: 0 2px;
    color: #5f6368 !important;
    font-size: 12px;
    line-height: 44px !important;
    text-align: right;
    background: transparent !important;
    border: 0 !important;
  }

  body.task-mail.action-none #mailboxlist li.selected,
  body.task-mail.action-none #mailboxlist li.selected > a,
  body.task-mail.action-none #mailboxlist li.selected > div > a,
  body.task-mail.action-none #mailboxlist li.omail-organizer-nav-item.selected > a,
  body.task-mail.action-none .omail-label-list li.omail-organizer-nav-item.selected > a {
    color: #001d35 !important;
    font-weight: 700;
    background: #d3e3fd !important;
    border-radius: 0 22px 22px 0 !important;
  }

  body.task-mail.action-none #mailboxlist li > a:active,
  body.task-mail.action-none #mailboxlist li > div > a:active,
  body.task-mail.action-none .omail-label-list li > a:active {
    background: #e9eef6 !important;
  }

  body.task-mail.action-none .omail-labels-section {
    width: 100%;
    height: auto !important;
    margin: 20px 0 0 !important;
    padding: 0 !important;
    overflow: visible;
    opacity: 1 !important;
    transform: none !important;
  }

  body.task-mail.action-none .omail-labels-heading {
    display: flex;
    align-items: center;
    height: 44px;
    padding: 0 22px 0 30px;
    color: #3c4043;
    font-size: 15px;
    font-weight: 500;
  }

  #omail-mobile-drawer-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1190;
    display: block;
    padding: 0;
    background: rgba(32, 33, 36, 0.32);
    border: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity 220ms ease;
  }

  body.omail-mobile-drawer-open #omail-mobile-drawer-backdrop {
    opacity: 1;
    pointer-events: auto;
  }

  body.omail-mobile-drawer-open {
    touch-action: none;
  }

  body.omail-mobile-drawer-open #omail-mobile-menu-button {
    opacity: 0;
    transform: scale(0.86);
    pointer-events: none;
  }

  body.task-mail.action-none.omail-mobile-searching #omail-topbar {
    padding: 8px !important;
    background: #f6f8fc !important;
  }

  body.task-mail.action-none.omail-mobile-searching #omail-mobile-menu-button,
  body.task-mail.action-none.omail-mobile-searching .omail-account-menu {
    opacity: 0;
    transform: scale(0.86);
    pointer-events: none;
  }

  body.omail-mobile-searching #omail-search-shell .searchbar {
    border-radius: 12px !important;
    box-shadow: 0 1px 4px rgba(60, 64, 67, 0.14);
  }

  body.task-mail.action-none.omail-mobile-searching #omail-search-shell .omail-search-submit::before {
    content: "\f060";
  }

  body.task-mail.action-none.omail-account-page-open .omail-account-menu {
    z-index: 1900 !important;
  }

  body.task-mail.action-none.omail-account-page-open #omail-mobile-menu-button,
  body.task-mail.action-none.omail-account-page-open #omail-topbar,
  body.task-mail.action-none.omail-account-page-open #omail-mobile-bottom-nav,
  body.task-mail.action-none.omail-account-page-open #omail-mobile-compose {
    opacity: 0 !important;
    pointer-events: none !important;
  }

  body.omail-mobile-searching:not(.omail-mobile-search-results) #layout-list::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 30;
    background: #f6f8fc;
  }

  body.task-mail.action-none #searchmenu {
    position: fixed !important;
    inset: var(--omail-mobile-topbar-height) 0 0 0 !important;
    z-index: 1110;
    display: block;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    padding: 18px 16px max(22px, env(safe-area-inset-bottom)) !important;
    overflow-y: auto;
    color: #202124;
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    animation: omail-mobile-search-options-in 180ms cubic-bezier(0.2, 0, 0, 1);
  }

  body.task-mail.action-none #searchmenu.hidden {
    display: none !important;
  }

  @keyframes omail-mobile-search-options-in {
    from {
      opacity: 0;
      transform: translateY(-8px);
    }
  }

  body.task-mail.action-none #layout-list > .pagenav {
    right: auto !important;
    left: 12px !important;
    bottom: 8px;
    min-width: 138px;
    height: 36px !important;
    background: rgba(255, 255, 255, 0.8) !important;
    -webkit-backdrop-filter: blur(12px) saturate(120%);
    backdrop-filter: blur(12px) saturate(120%);
  }

  body.task-mail.action-none #omail-context-menu {
    position: fixed !important;
    top: auto !important;
    right: 8px !important;
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
    left: 8px !important;
    z-index: 1500;
    width: auto !important;
    max-width: none;
    max-height: min(76dvh, 620px);
    padding: 8px;
    overflow-y: auto;
    background: #fff;
    border: 0;
    border-radius: 18px;
    box-shadow: 0 12px 34px rgba(32, 33, 36, 0.32);
    opacity: 0;
    transform: translateY(24px);
    transition:
      opacity 160ms ease,
      transform 220ms cubic-bezier(0.2, 0, 0, 1);
  }

  body.task-mail.action-none #omail-context-menu.is-open {
    opacity: 1;
    transform: translateY(0);
  }

  body.task-mail.action-none #omail-context-menu .omail-context-item {
    min-height: 48px;
    border-radius: 10px;
  }

  body.task-mail.action-none #layout-content {
    background: rgba(255, 255, 255, var(--omail-list-surface-opacity)) !important;
  }

  body.task-mail.action-none #layout-content .header_back {
    flex: 0 0 52px;
    height: 52px !important;
    min-height: 52px !important;
    background: rgba(255, 255, 255, 0.86) !important;
    border-bottom: 1px solid #e5e8ed !important;
  }

  body.task-mail.action-none #layout-content iframe {
    width: 100%;
    height: 100%;
    background: #fff;
  }
}

@media screen and (max-width: 768px) and (prefers-reduced-motion: reduce) {
  body.task-mail.action-none #omail-topbar,
  body.task-mail.action-none #layout-list,
  body.task-mail.action-none #layout-content,
  body.task-mail.action-none #layout-sidebar,
  body.task-mail.action-none #messagelist tr.message,
  #omail-mobile-selection-bar,
  #omail-mobile-drawer-backdrop,
  #omail-mobile-menu-button,
  #omail-mobile-compose,
  .omail-mobile-avatar {
    animation: none !important;
    transition: none !important;
  }
}