/* The mobile layer every page shares. Built from studio/csm-mobile.css -
   do not edit this file; the comments explaining all of it are there. */
html { overflow-x: clip; }

@media (max-width: 720px) {

  [data-mobburger] {
    position: absolute !important;
    right: 0;
    top: 0;
    z-index: 5;
    display: flex !important;
    align-items: flex-end;
    justify-content: center;
    gap: 4px;
    width: 52px;
    height: 44px;
    padding: 0 0 11px;
    background: none;
    border: 0;
    cursor: pointer;
    box-sizing: border-box;
  }
  [data-mobburger] i {
    display: block;
    width: 3px;
    background: #fff;
    transition: height 0.18s ease, transform 0.18s ease, opacity 0.18s ease;
  }

  [data-nav] {
    display: block !important;
    height: 42px !important;
    min-height: 0 !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
  }
  [data-wedge] { display: block !important; }

  [data-nav] > [data-wedge]:first-of-type { height: 42px !important; }

  [data-nav] > [data-wedge]:nth-of-type(2) { height: 52px !important; }

  [data-nav] > [data-wedge]:nth-of-type(2) > div:first-child {
    height: 52px !important;
    clip-path: polygon(52px 0, calc(100% - 52px) 0, calc(100% - 58px) 100%, 58px 100%) !important;
  }
  [data-nav] > [data-wedge]:nth-of-type(2) > div:last-child {
    height: 47px !important;
    background-size: auto, 120px 120px !important;
    clip-path: polygon(52px 0, calc(100% - 52px) 0, calc(100% - 66px) 100%, 66px 100%) !important;
  }

  [data-nav] > div:last-of-type {
    height: 47px !important;
    padding: 0 !important;
    grid-template-columns: 52px 1fr 52px !important;
  }

  [data-nav] > div:last-of-type > div:first-child,
  [data-nav] > div:last-of-type > div:last-child { display: none !important; }

  [data-nav] > div:last-of-type > div:nth-child(2) {
    grid-column: 2 !important;
    justify-self: center !important;
  }

  [data-socials] {
    display: flex !important;
    left: 0 !important;
    width: 52px !important;
    height: 44px !important;
    gap: 0 !important;
  }
  [data-socials] > a { display: none !important; }
  [data-socials] > a:first-child {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 52px !important;
    height: 44px !important;
  }
  [data-socials] > a:first-child img { height: 24px !important; width: auto !important; }

  [data-nav] > a[data-navlink][href$="donate.html"] { display: none !important; }

  [data-wordmark] { font-size: 24px !important; padding: 11px 0 !important; margin: -11px 0 !important; }
  [data-wordmark] > span { font-size: 24px !important; }

  [data-accent-menu] {
    left: 100% !important;
    right: auto !important;
    top: -14px !important;

    width: 30px !important;
    height: 44px !important;
    box-sizing: border-box !important;

    z-index: 4 !important;
    padding-top: 8px !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;

    pointer-events: auto !important;
  }
  [data-accent-menu] [data-accent-opt="1"],
  [data-accent-menu] [data-accent-opt="2"] { display: none !important; }

  [data-accent-menu] [data-accent-opt="0"] { width: 18px !important; height: 18px !important; }
  [data-accent-menu] [data-accent-opt="0"] > span { width: 11px !important; height: 11px !important; }

  [data-mobdrawer] {
    display: none;

    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    max-width: 100vw;
    height: 100dvh;
    padding-top: 52px;
    z-index: 190;

    background-color: #0a0a0a;
    background-image:
      repeating-linear-gradient(180deg, rgba(255,255,255,0.035) 0 1px, transparent 1px 5px),
      linear-gradient(215deg, rgba(var(--csm-a-rgb),0.3), transparent 58%);
    overflow-y: auto;
    padding-bottom: 28px;
    box-sizing: border-box;
  }

  [data-nav] { z-index: 200 !important; }
  [data-mobdrawer][data-open] { display: block; }

  [data-nav][data-open] [data-mobburger] i:nth-child(1),
  [data-nav][data-open] [data-mobburger] i:nth-child(4) { opacity: 0; }
  [data-nav][data-open] [data-mobburger] i:nth-child(2) { height: 20px !important; transform: translateX(4px) rotate(45deg); }
  [data-nav][data-open] [data-mobburger] i:nth-child(3) { height: 20px !important; transform: translateX(-3px) rotate(-45deg); }

  [data-mobdrawer] [data-mobnav] { display: flex; flex-direction: column; }

  [data-mobdrawer] [data-mobnav] > a,
  [data-mobdrawer] [data-mobnav] > button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 56px;
    box-sizing: border-box;
    padding: 16px 18px;
    margin: 0;
    background: none;
    border: 0;
    border-top: 1px solid rgba(255,255,255,0.09);
    color: #fff;
    text-align: left;
    text-decoration: none;
    font-family: 'Bebas Neue', Montserrat, sans-serif;
    font-size: 25px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    cursor: pointer;
  }

  [data-mobdrawer] [data-mobkids] {
    background: rgba(0,0,0,0.4);
    border-top: 1px solid rgba(255,255,255,0.06);
    padding: 4px 0 8px;
  }
  [data-mobdrawer] [data-mobkids] > a {
    display: flex;
    align-items: center;
    min-height: 44px;
    box-sizing: border-box;
    padding: 8px 18px 8px 36px;
    color: rgba(255,255,255,0.78);
    text-decoration: none;
    font-family: Montserrat, sans-serif;
    font-size: 13.5px;
    letter-spacing: 0;
    text-transform: none;
  }
  [data-mobdrawer] [data-mobkids][hidden] { display: none; }

  [data-mobchev] {
    margin-left: auto;
    font-family: Montserrat, sans-serif;
    font-size: 13px;
    line-height: 1;
    color: var(--csm-a);
    transform: rotate(0deg);
    transition: transform 0.18s ease;
    flex: none;
  }
  [data-mobacc][aria-expanded="true"] [data-mobchev] { transform: rotate(90deg); }

  [data-mobext]::after {

    content: '↗';
    margin-left: auto;
    font-family: Montserrat, sans-serif;
    font-size: 11px;
    color: rgba(255,255,255,0.4);
    flex: none;
  }

  [data-mobdrawer] [data-mobdonate] {
    display: block !important;

    width: auto !important;
    margin: 0 16px !important;
    text-decoration: none;
  }
  [data-mobdrawer] [data-mobdonate] > [data-btnbevel] { min-width: 0 !important; width: 100% !important; }
  [data-mobdrawer] [data-mobdonate] > [data-btnbevel] > span {
    min-width: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    min-height: 48px !important;
    padding: 10px 14px !important;
    font-size: 17px !important;
    letter-spacing: 0.22em !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }
  [data-mobdrawer] [data-mobfoot] {
    padding: 14px 0 16px;
    border-top: 1px solid rgba(255,255,255,0.14);
    background: rgba(0,0,0,0.55);
    margin-top: 12px;
  }

  [data-mobdrawer] [data-mobsocials] {
    display: flex;
    justify-content: center;
    gap: 8px;
    padding-top: 14px;
  }
  [data-mobdrawer] [data-mobsocials] a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    box-sizing: border-box;
  }
  [data-mobdrawer] [data-mobsocials] img { width: 20px !important; height: 20px !important; }

  body[data-mobmenu-open] { overflow: hidden; }

  [data-mobbtm] { display: block !important; margin-top: 16px !important; }

  [data-mobbreak] {
    display: block !important;
    flex-basis: 100% !important;
    width: 100% !important;
    height: 0 !important;
  }
  div:has(> [data-asegment]) > [data-btn],
  div:has(> [data-esegment]) > [data-btn] { display: none !important; }

  [data-mobfooter] { display: block; }
  [data-csm-footer] > div:first-of-type { display: none !important; }
  [data-csm-footer] > div:nth-of-type(2) { display: none !important; }

  [data-mobfrule] {
    height: 3px;
    background: linear-gradient(90deg, var(--csm-a-dark), var(--csm-a) 30%, var(--csm-a-deep) 62%, var(--csm-a));
  }

  [data-mobftop] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100%;
    min-height: 52px;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    background: none;
    border: 0;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    color: #fff;
    font-family: 'Bebas Neue', Montserrat, sans-serif;
    font-size: 15px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    cursor: pointer;
  }

  [data-mobftri] {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid var(--csm-a);
    flex: none;
  }

  [data-mobflegal] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
  }
  [data-mobflegal] a {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 0 12px;
    color: rgba(255,255,255,0.72);
    text-decoration: none;
    font-family: Montserrat, sans-serif;
    font-size: 11.5px;
    letter-spacing: 0.1em;
  }
  [data-mobfsq] {
    width: 5px;
    height: 5px;
    background: var(--csm-a);
    flex: none;
  }

  [data-mobfcopy] {
    padding: 0 0 16px;
    text-align: center;
    color: rgba(255,255,255,0.72);
    font-family: Montserrat, sans-serif;
    font-size: 10.5px;
    letter-spacing: 0.1em;
  }
}

@media (min-width: 721px) {
  [data-mobfooter] { display: none; }
  [data-mobbtm] { display: none; }
  [data-mobbreak] { display: none; }

  [data-mobdrawer] { display: none; }
}

@media (max-width: 720px) {

  [data-csm-hubrow] {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0 !important;
    margin: 12px 0 14px !important;
  }

  [data-csm-hubrow] > [data-pill],
  [data-csm-hubrow] > [data-ctab] { display: block !important; }

  [data-csm-hubrow] [data-pillbevel] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    height: 100% !important;
    box-sizing: border-box !important;
    padding: 7px 10px !important;
    border-left: 0 !important;          
    text-align: center !important;
    line-height: 1.15 !important;
  }

  [data-csm-hubrow] > *:nth-child(2n) [data-pillbevel] {
    border-left: 1px solid rgba(255,255,255,0.4) !important;
  }
  [data-csm-hubrow] > *:nth-child(n+3) [data-pillbevel] {
    border-top: 1px solid rgba(255,255,255,0.4) !important;
  }

}

@media (max-width: 720px) {

  [data-ccard]:not([data-owner]) { filter: drop-shadow(4px 5px 0 rgba(0,0,0,0.45)); }
  [data-ccard]:not([data-owner]) [data-cardtext] { padding: 8px 10px 9px; }

  [data-ccard]:not([data-owner]) [data-cmeta] { flex-wrap: wrap; gap: 5px 6px; letter-spacing: 0.12em; }
  [data-ccard]:not([data-owner]) [data-cshow] { padding: 2px 7px; }

  [data-ccard]:not([data-owner]) [data-cnew] { font-size: 9px; letter-spacing: 0.16em; padding: 4px 9px; }
  [data-ccard]:not([data-owner]) [data-cdur] { right: 6px; bottom: 6px; font-size: 10px; padding: 3px 6px; }
  [data-ccard]:not([data-owner]) [data-cmembers] { font-size: 9px; letter-spacing: 0.14em; padding: 3px 8px; }

  [data-ccard]:not([data-owner]) [data-ctitle] { font-size: 12.5px; }

}

@media (max-width: 720px) {

  [data-erow] > div:first-child { width: 74px !important; box-sizing: border-box !important; padding: 14px 6px !important; }
  [data-erow] > div:nth-child(2) {
    padding: 13px 12px !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
  }
  [data-erow] > div:nth-child(2) > div:first-child > div:first-child { font-size: 19px !important; }
  [data-estatuslabel] { margin-top: 9px !important; }
  [data-eart] { width: 76px !important; }
  [data-esegment] { display: flex !important; width: 100% !important; }
  [data-esegment] > a {
    flex: 1 !important;
    min-height: 44px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 10px 4px !important;
    font-size: 13px !important;
  }
}

@media (max-width: 720px) {

  [data-fader] { padding: 20px 0 4px !important; }
  [data-knob] {
    width: 26px !important;
    height: 38px !important;
    margin-left: -13px !important;
    top: -15px !important;
    box-sizing: border-box !important;
  }

  [data-fader] [data-tx]:first-child [data-tx]:first-child {
    transform: none !important;
    align-items: flex-start !important;
  }
  [data-fader] [data-tx]:last-child [data-tx]:last-child {
    transform: none !important;
    align-items: flex-end !important;
    left: auto !important;
    right: 0 !important;
  }
}

@media (max-width: 720px) {

  [data-csm-search] input {
    min-height: 44px !important;
    padding: 10px 12px !important;
    font-size: 16px !important;
    box-sizing: border-box !important;
  }
}

[data-mobfooter] [data-mobfwork] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  margin: 2px 0 6px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.62);
  text-decoration: none;
}
[data-mobfooter] [data-mobfwork]:hover { color: var(--csm-a); }