/* Fotor Photo Editor 1.0.275 — stage 2.4a: consistent mobile setting controls. */

@media (max-width: 768px) {
  #fotor-root .editor-shell.is-mobile .mtool-top-btn--tab,
  #fotor-root .editor-shell.is-mobile .mtool-top-btn--color {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    border-radius: 10px !important;
    background: #11161e !important;
    color: rgba(222, 230, 240, .84) !important;
    box-shadow: none !important;
    opacity: .86 !important;
  }

  #fotor-root .editor-shell.is-mobile .mtool-top-btn--tab.active,
  #fotor-root .editor-shell.is-mobile .mtool-top-btn--tab[aria-pressed="true"],
  #fotor-root .editor-shell.is-mobile .mtool-top-btn--color.active,
  #fotor-root .editor-shell.is-mobile .mtool-top-btn--color[aria-expanded="true"] {
    border-color: rgba(76, 151, 247, .72) !important;
    background: #17365f !important;
    color: #f5f9ff !important;
    box-shadow: inset 0 0 0 1px rgba(101, 171, 255, .12) !important;
    opacity: 1 !important;
  }

  #fotor-root .editor-shell.is-mobile .mtool-top-btn--tab:focus-visible,
  #fotor-root .editor-shell.is-mobile .mtool-top-btn--color:focus-visible {
    outline: 2px solid rgba(105, 174, 255, .90) !important;
    outline-offset: 2px !important;
  }

  #fotor-root .editor-shell.is-mobile .mtool-color-wrap {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #fotor-root .editor-shell.is-mobile .mtool-popover-item {
    min-height: 42px !important;
  }

  #fotor-root .editor-shell.is-mobile .mtool-popover-item-label {
    font-size: 12px !important;
    line-height: 1.25 !important;
  }
}