/*
 VoteMotta2028 Mobile Runtime Shell v11.7
*/

:root{
  --vm117-bar-h:68px;
  --vm117-safe-bottom:env(safe-area-inset-bottom,0px);
  --vm117-blue:#0759c7;
  --vm117-navy:#071d3c;
  --vm117-line:#ccd7e4;
}

#vm117Bottom,
#vm117Sheet,
#vm117Scrim,
#vm117A11yToggle{
  display:none;
}

@media(max-width:767px){

  html{
    overflow-x:hidden!important;
    overflow-y:auto!important;
    height:auto!important;
    min-height:100%!important;
    -webkit-text-size-adjust:100%!important;
    text-size-adjust:100%!important;
  }

  body{
    overflow-x:hidden!important;
    overflow-y:auto!important;
    position:static!important;
    height:auto!important;
    min-height:100vh!important;

    padding-bottom:
      calc(
        var(--vm117-bar-h) +
        var(--vm117-safe-bottom) +
        10px
      )!important;

    touch-action:pan-y pinch-zoom!important;
  }

  /*
   Kill every older bottom navigation implementation.
   This is the key screenshot fix.
  */
  body > .vm-mobile-bottom-v10,
  body > .vm-mobile-bottom-v9,
  body > .mobile-bottom,
  body > .vm11-bottom,
  body > [id="vmMobileBottomV10"],
  body > [id="vmMobileBottomV9"],
  body > [id="vm11Bottom"]{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  body > .vm-mobile-sheet-v10,
  body > .vm-mobile-sheet-v9,
  body > .vm-mobile-scrim-v10,
  body > .vm-mobile-sheet-scrim-v9,
  body > .vm11-sheet,
  body > .vm11-scrim,
  body > [id="vmMobileSheetV10"],
  body > [id="vmMobileModulesV9"],
  body > [id="vm11Sheet"],
  body > [id="vm11Scrim"]{
    display:none!important;
    pointer-events:none!important;
  }

  /*
   Canonical v11.7 bottom bar.
  */
  body > #vm117Bottom{
    all:unset!important;
    box-sizing:border-box!important;

    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;

    z-index:2147483645!important;

    height:
      calc(
        var(--vm117-bar-h) +
        var(--vm117-safe-bottom)
      )!important;

    padding:
      3px
      3px
      var(--vm117-safe-bottom)!important;

    display:grid!important;

    grid-template-columns:
      repeat(6,minmax(0,1fr))!important;

    grid-template-rows:
      var(--vm117-bar-h)!important;

    background:#fff!important;

    border-top:
      1px solid #cbd6e4!important;

    box-shadow:
      0 -8px 25px
      rgba(7,18,35,.15)!important;

    font-family:
      Arial,
      "Helvetica Neue",
      sans-serif!important;

    pointer-events:auto!important;
  }

  body > #vm117Bottom > a,
  body > #vm117Bottom > button{
    all:unset!important;
    box-sizing:border-box!important;

    min-width:0!important;
    width:100%!important;
    height:var(--vm117-bar-h)!important;

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

    gap:2px!important;

    padding:2px 1px!important;
    margin:0!important;

    border-radius:8px!important;

    background:transparent!important;
    color:#344459!important;

    text-decoration:none!important;

    font-family:
      Arial,
      "Helvetica Neue",
      sans-serif!important;

    font-size:9px!important;
    line-height:1!important;
    font-weight:850!important;

    text-align:center!important;

    cursor:pointer!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;

    -webkit-tap-highlight-color:
      rgba(7,89,199,.15)!important;
  }

  body > #vm117Bottom > a:active,
  body > #vm117Bottom > button:active,
  body > #vm117Bottom > a.is-current{
    background:#e8f2ff!important;
    color:#0759c7!important;
  }

  .vm117Icon{
    display:block!important;

    font-size:19px!important;
    line-height:1!important;
    font-weight:900!important;

    pointer-events:none!important;
  }

  /*
   Fresh Modules drawer.
  */
  body > #vm117Scrim{
    all:unset!important;
    box-sizing:border-box!important;

    position:fixed!important;
    inset:0!important;

    z-index:2147483642!important;

    display:block!important;

    background:
      rgba(7,18,35,.42)!important;

    pointer-events:auto!important;
  }

  body > #vm117Sheet{
    all:unset!important;
    box-sizing:border-box!important;

    position:fixed!important;

    left:8px!important;
    right:8px!important;

    bottom:
      calc(
        var(--vm117-bar-h) +
        var(--vm117-safe-bottom) +
        8px
      )!important;

    z-index:2147483644!important;

    display:block!important;

    max-height:
      min(70dvh,650px)!important;

    overflow-x:hidden!important;
    overflow-y:auto!important;

    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;

    padding:12px!important;

    background:#fff!important;
    color:#111820!important;

    border:
      1px solid var(--vm117-line)!important;

    border-radius:18px!important;

    box-shadow:
      0 22px 70px
      rgba(7,18,35,.30)!important;

    font-family:
      Arial,
      "Helvetica Neue",
      sans-serif!important;

    pointer-events:auto!important;
  }

  body > #vm117Sheet[hidden],
  body > #vm117Scrim[hidden]{
    display:none!important;
    pointer-events:none!important;
  }

  .vm117SheetHead{
    position:sticky!important;
    top:-12px!important;
    z-index:3!important;

    margin:
      -12px
      -12px
      10px!important;

    padding:12px!important;

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

    gap:10px!important;

    background:#fff!important;

    border-bottom:
      1px solid #e4e9ef!important;
  }

  .vm117SheetHead h2{
    margin:0!important;

    color:#111820!important;

    font-size:1.18rem!important;
    line-height:1.1!important;
  }

  .vm117SheetHead small{
    display:block!important;

    color:#687486!important;

    font-size:.72rem!important;
  }

  .vm117Close{
    all:unset!important;
    box-sizing:border-box!important;

    width:46px!important;
    height:46px!important;

    display:grid!important;
    place-items:center!important;

    border:
      1px solid #cbd6e4!important;

    border-radius:50%!important;

    background:#fff!important;
    color:#111820!important;

    font-size:1.45rem!important;

    cursor:pointer!important;
    touch-action:manipulation!important;
  }

  .vm117Grid{
    display:grid!important;

    grid-template-columns:
      repeat(2,minmax(0,1fr))!important;

    gap:8px!important;
  }

  .vm117Grid > a{
    box-sizing:border-box!important;

    min-width:0!important;
    min-height:60px!important;

    padding:10px!important;

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

    gap:2px!important;

    border:
      1px solid #d5dee9!important;

    border-radius:11px!important;

    background:#f9fbfd!important;
    color:#17304d!important;

    text-decoration:none!important;

    font-size:.77rem!important;
    line-height:1.12!important;

    touch-action:manipulation!important;
  }

  .vm117Grid > a strong{
    font-size:.80rem!important;
    line-height:1.12!important;
  }

  .vm117Grid > a small{
    color:#687486!important;
    font-size:.66rem!important;
    line-height:1.12!important;
  }

  .vm117Grid > a.feature{
    background:#eaf3ff!important;
    border-color:#9bc2f3!important;
    color:#0759c7!important;
  }

  /*
   Screenshot-specific beta repair.
  */
  .vm117Beta{
    position:relative!important;
    inset:auto!important;

    width:100%!important;
    min-height:0!important;

    margin:0!important;

    overflow:hidden!important;

    background:#eaf4ff!important;

    border-top:
      2px solid #0759c7!important;

    border-bottom:
      2px solid #0759c7!important;

    box-shadow:none!important;
  }

  .vm117Beta:not(.expanded){
    max-height:48px!important;
  }

  .vm117Beta.expanded{
    max-height:min(65dvh,540px)!important;

    overflow:auto!important;

    -webkit-overflow-scrolling:touch!important;
  }

  .vm117BetaToggle{
    all:unset!important;
    box-sizing:border-box!important;

    width:100%!important;
    min-height:44px!important;

    display:grid!important;

    grid-template-columns:
      minmax(0,1fr)
      auto!important;

    align-items:center!important;

    gap:8px!important;

    padding:8px 14px!important;

    background:#eaf4ff!important;
    color:#0a4f96!important;

    font-family:
      Arial,
      "Helvetica Neue",
      sans-serif!important;

    font-size:12px!important;
    line-height:1.1!important;
    font-weight:900!important;

    cursor:pointer!important;
    touch-action:manipulation!important;
  }

  .vm117BetaToggle span:first-child{
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  .vm117BetaBody{
    padding:
      8px
      14px
      14px!important;
  }

  .vm117Beta:not(.expanded)
  .vm117BetaBody{
    display:none!important;
  }

  /*
   Screenshot accessibility stack repair.
  */
  #vm117A11yToggle{
    all:unset!important;
    box-sizing:border-box!important;

    position:fixed!important;

    right:8px!important;
    bottom:
      calc(
        var(--vm117-bar-h) +
        var(--vm117-safe-bottom) +
        9px
      )!important;

    z-index:2147483638!important;

    min-width:48px!important;
    min-height:42px!important;

    padding:8px 10px!important;

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

    border-radius:10px!important;

    background:#071d3c!important;
    color:#fff!important;

    font-family:
      Arial,
      "Helvetica Neue",
      sans-serif!important;

    font-size:11px!important;
    font-weight:900!important;

    box-shadow:
      0 6px 18px
      rgba(0,0,0,.20)!important;

    cursor:pointer!important;
    touch-action:manipulation!important;
  }

  .vm117A11yGroup{
    position:fixed!important;

    right:8px!important;

    bottom:
      calc(
        var(--vm117-bar-h) +
        var(--vm117-safe-bottom) +
        58px
      )!important;

    z-index:2147483639!important;

    max-width:160px!important;

    padding:7px!important;

    display:grid!important;
    grid-template-columns:1fr!important;

    gap:6px!important;

    background:#fff!important;

    border:
      1px solid #cbd6e4!important;

    border-radius:12px!important;

    box-shadow:
      0 10px 30px
      rgba(7,18,35,.22)!important;
  }

  .vm117A11yGroup:not(.expanded){
    display:none!important;
  }

  .vm117A11yGroup button,
  .vm117A11yGroup a{
    min-width:110px!important;
    min-height:42px!important;

    margin:0!important;

    font-size:14px!important;
  }

  /*
   Prevent campaign hero text from being covered
   by old fixed accessibility tools.
  */
  .vm117A11yOriginal{
    position:static!important;
    inset:auto!important;
  }
}

@media(max-width:390px){
  body > #vm117Bottom > a,
  body > #vm117Bottom > button{
    font-size:8.2px!important;
  }

  .vm117Icon{
    font-size:17px!important;
  }

  .vm117Grid{
    grid-template-columns:1fr!important;
  }
}