/**
 * MISTER FAST LiveMapChat WEB V4.1.1
 * Sidebar Handle — Blue Compact
 * Scope: sidebar collapse/expand handle only.
 */

@media (min-width:861px){
  body.mf-workspace-theme-v1 .mf212-sidebar-toggle,
  body.mf-desktop-shell-body .mf212-sidebar-toggle,
  body.mf-web-full-blue-sidebar-v2112 .mf212-sidebar-toggle,
  body.mf-web-google-layout-v212 .mf212-sidebar-toggle{
    position:fixed!important;
    z-index:3200!important;
    left:calc(var(--mf-sidebar-open-width, 194px) - 1px)!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;

    width:28px!important;
    min-width:28px!important;
    max-width:28px!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;

    margin:0!important;
    padding:0!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    border:1px solid rgba(255,255,255,.34)!important;
    border-left:0!important;
    border-radius:0 13px 13px 0!important;

    background:#003DA5!important;
    color:#FFFFFF!important;

    box-shadow:3px 5px 14px rgba(0,38,102,.20)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;

    transition:
      left .22s ease,
      background-color .16s ease,
      color .16s ease,
      transform .16s ease,
      box-shadow .16s ease!important;
  }

  body.mf-workspace-theme-v1.mf212-sidebar-collapsed .mf212-sidebar-toggle,
  body.mf-desktop-shell-body.mf212-sidebar-collapsed .mf212-sidebar-toggle,
  body.mf-web-full-blue-sidebar-v2112.mf212-sidebar-collapsed .mf212-sidebar-toggle,
  body.mf-web-google-layout-v212.mf212-sidebar-collapsed .mf212-sidebar-toggle{
    left:calc(var(--mf-sidebar-closed-width, 86px) - 1px)!important;
  }

  body.mf-workspace-theme-v1 .mf212-sidebar-toggle:hover,
  body.mf-workspace-theme-v1 .mf212-sidebar-toggle:focus-visible,
  body.mf-desktop-shell-body .mf212-sidebar-toggle:hover,
  body.mf-desktop-shell-body .mf212-sidebar-toggle:focus-visible,
  body.mf-web-full-blue-sidebar-v2112 .mf212-sidebar-toggle:hover,
  body.mf-web-full-blue-sidebar-v2112 .mf212-sidebar-toggle:focus-visible,
  body.mf-web-google-layout-v212 .mf212-sidebar-toggle:hover,
  body.mf-web-google-layout-v212 .mf212-sidebar-toggle:focus-visible{
    background:#FFC400!important;
    color:#003DA5!important;
    border-color:#FFC400!important;
    box-shadow:4px 7px 17px rgba(0,38,102,.24)!important;
    transform:translate(-50%,-50%) translateX(1px)!important;
    outline:none!important;
  }

  body.mf-workspace-theme-v1 .mf212-sidebar-toggle:active,
  body.mf-desktop-shell-body .mf212-sidebar-toggle:active,
  body.mf-web-full-blue-sidebar-v2112 .mf212-sidebar-toggle:active,
  body.mf-web-google-layout-v212 .mf212-sidebar-toggle:active{
    transform:translate(-50%,-50%) scale(.96)!important;
  }

  body.mf-workspace-theme-v1 .mf212-sidebar-toggle span,
  body.mf-desktop-shell-body .mf212-sidebar-toggle span,
  body.mf-web-full-blue-sidebar-v2112 .mf212-sidebar-toggle span,
  body.mf-web-google-layout-v212 .mf212-sidebar-toggle span{
    display:block!important;
    margin:0!important;
    padding:0!important;
    color:inherit!important;
    font-size:22px!important;
    font-weight:900!important;
    line-height:1!important;
    text-shadow:none!important;
    transform:none!important;
    transition:transform .18s ease!important;
  }

  body.mf-workspace-theme-v1.mf212-sidebar-collapsed .mf212-sidebar-toggle span,
  body.mf-desktop-shell-body.mf212-sidebar-collapsed .mf212-sidebar-toggle span,
  body.mf-web-full-blue-sidebar-v2112.mf212-sidebar-collapsed .mf212-sidebar-toggle span,
  body.mf-web-google-layout-v212.mf212-sidebar-collapsed .mf212-sidebar-toggle span{
    transform:rotate(180deg)!important;
  }
}

@media (max-width:860px){
  body .mf212-sidebar-toggle{
    width:28px!important;
    min-width:28px!important;
    height:54px!important;
    min-height:54px!important;
    border-radius:0 12px 12px 0!important;
    background:#003DA5!important;
    color:#fff!important;
    border-color:rgba(255,255,255,.32)!important;
    box-shadow:3px 5px 12px rgba(0,38,102,.18)!important;
  }

  body .mf212-sidebar-toggle:hover,
  body .mf212-sidebar-toggle:focus-visible{
    background:#FFC400!important;
    color:#003DA5!important;
    border-color:#FFC400!important;
  }

  body .mf212-sidebar-toggle span{
    font-size:21px!important;
  }
}