/* FYD Feedback & Support 1.7.16 — centered mobile sheet */
@media (max-width:600px) {
  html.fyd-support-open {
    overflow:hidden !important;
    overscroll-behavior:none;
  }

  .fyd-support-overlay {
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box;
    padding:max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom)) !important;
  }

  .fyd-support-overlay .fyd-support-backdrop {
    inset:-1px;
  }

  .fyd-support-overlay .fyd-support-panel {
    width:min(100%, 430px) !important;
    max-width:430px !important;
    height:min(88dvh, 760px) !important;
    max-height:calc(100dvh - 24px) !important;
    margin:auto !important;
    border-radius:24px !important;
    transform:translateY(28px) scale(.985) !important;
    opacity:0;
    overflow:hidden;
    box-shadow:0 22px 70px rgba(46,31,34,.24) !important;
  }

  .fyd-support-overlay.is-open .fyd-support-panel {
    transform:translateY(0) scale(1) !important;
    opacity:1;
  }

  .fyd-support-overlay .fyd-support-header {
    min-height:112px !important;
    padding:16px 50px 14px 94px !important;
  }

  .fyd-support-overlay .fyd-support-mascot-wrap {
    left:7px !important;
    bottom:-2px !important;
    width:82px !important;
    height:104px !important;
  }

  .fyd-support-overlay .fyd-support-mascot-wrap img {
    max-width:80px !important;
    max-height:100px !important;
  }

  .fyd-support-overlay .fyd-support-header > div:last-of-type {
    min-width:0;
  }

  .fyd-support-overlay .fyd-support-header span {
    font-size:9px !important;
    line-height:1.35;
    letter-spacing:.14em !important;
  }

  .fyd-support-overlay .fyd-support-header h2 {
    margin:3px 0 4px !important;
    font-size:20px !important;
    line-height:1.16 !important;
  }

  .fyd-support-overlay .fyd-support-header p {
    margin:0 !important;
    font-size:11px !important;
    line-height:1.45 !important;
  }

  .fyd-support-overlay .fyd-support-close {
    top:10px !important;
    right:10px !important;
    width:36px !important;
    height:36px !important;
    border-radius:11px !important;
    -webkit-tap-highlight-color:transparent;
  }

  .fyd-support-overlay .fyd-support-tabs {
    padding:8px 10px !important;
  }

  .fyd-support-overlay .fyd-support-tabs button {
    min-height:42px;
    padding:9px 8px !important;
  }

  .fyd-support-overlay .fyd-support-contact-options {
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .fyd-support-overlay .fyd-support-body {
    padding:14px !important;
    overscroll-behavior:contain;
  }

  .fyd-support-overlay .fyd-support-empty {
    padding:38px 16px !important;
  }

  .fyd-support-overlay .fyd-support-messages {
    max-height:calc(88dvh - 390px) !important;
  }
}

@media (max-width:360px) {
  .fyd-support-overlay {
    padding-left:7px !important;
    padding-right:7px !important;
  }

  .fyd-support-overlay .fyd-support-header {
    padding-left:88px !important;
    padding-right:46px !important;
  }

  .fyd-support-overlay .fyd-support-mascot-wrap {
    left:5px !important;
    width:76px !important;
  }
}

@media (max-width:600px) and (max-height:640px) {
  .fyd-support-overlay {
    align-items:flex-start !important;
  }

  .fyd-support-overlay .fyd-support-panel {
    height:calc(100dvh - 24px) !important;
    margin:0 auto !important;
  }

  .fyd-support-overlay .fyd-support-header {
    min-height:100px !important;
    padding-top:12px !important;
    padding-bottom:10px !important;
  }
}

@media (prefers-reduced-motion:reduce) {
  .fyd-support-overlay .fyd-support-panel {
    transition:none !important;
  }
}