html,
body {
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
}

.chakra-accordion__icon,
.css-186l2rg {
  display: none !important;
}

@media (max-width: 768px) {
  body {
    overflow-x: hidden;
  }

  .css-1q11d1o {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) 36px !important;
    align-items: center !important;
    padding-inline-start: 14px !important;
    padding-inline-end: 14px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    gap: 10px !important;
  }

  .css-3mnqch {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 36px !important;
    height: 36px !important;
  }

  .css-171onha {
    min-width: 0 !important;
    justify-content: center !important;
  }

  .css-oyvoa1 {
    width: 100% !important;
    max-width: 136px !important;
  }

  .css-13om5vt {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 0 !important;
    margin-left: 0 !important;
    min-width: 36px !important;
  }

  .css-1q11d1o .css-6lzzp6,
  .css-1q11d1o > a:last-child {
    display: none !important;
  }

  .css-1baci34 {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    padding: 8px !important;
    border-radius: 999px !important;
  }

  .css-3hla6c {
    width: min(86vw, 320px) !important;
    height: 100dvh !important;
    padding: 88px 20px 24px !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 120 !important;
    overflow-y: auto !important;
  }

  .css-1ev4jq1 {
    gap: 18px !important;
  }

  .css-3hla6c .css-k008qs {
    width: 100% !important;
  }

  .css-3hla6c .css-k008qs:nth-child(4) {
    display: none !important;
  }

  .css-120nera {
    width: 100% !important;
    padding: 12px 0 !important;
  }

  .css-3hla6c .css-0,
  .css-3hla6c p {
    font-size: 18px !important;
    line-height: 1.3 !important;
  }

  .css-17yg47p {
    height: auto !important;
    min-height: 0 !important;
    padding-top: 104px !important;
    padding-bottom: 40px !important;
  }

  .css-wwe5ik {
    gap: 24px !important;
    align-items: stretch !important;
  }

  .css-qwxstp,
  .css-bpbif6,
  .css-1c6gzr {
    font-size: clamp(28px, 8vw, 36px) !important;
    line-height: 1.14 !important;
  }

  .css-sqlmve,
  .css-ukythb,
  .css-bg3st0,
  .css-12ys3qr,
  .css-1btxc5b,
  .css-peh7tb {
    font-size: 15px !important;
    line-height: 1.6 !important;
  }

  .css-8g3r8e,
  .css-1xno3mh,
  .css-4c2874 {
    padding-inline-start: 16px !important;
    padding-inline-end: 16px !important;
  }

  .css-1vaisuh {
    margin-top: 96px !important;
  }

  .css-1cwgpu4,
  .css-1wrxbvi,
  .css-a2l1uh,
  .css-cznnub,
  .css-1yx2qrz,
  .css-haxdk0,
  .css-q73tg,
  .css-1p9ch18 {
    gap: 24px !important;
  }

  .css-1jhz76e,
  .css-1jrswxs,
  .css-oe7hhd,
  .css-16cmhtq,
  .css-c4nkb8,
  .css-4mno9x {
    width: 100% !important;
    max-width: 100% !important;
  }

  .css-1jhz76e,
  .css-1jrswxs,
  .css-eumqll,
  .css-c4nkb8 {
    border-radius: 18px !important;
  }

  .css-1jhz76e {
    height: auto !important;
    min-height: 0 !important;
    padding: 18px !important;
  }

  .css-1jrswxs {
    height: auto !important;
    min-height: 0 !important;
    padding: 18px !important;
  }

  .css-1rn2eep,
  .css-90b49k,
  .css-1ed5dva,
  .css-86xppj {
    max-width: 100% !important;
  }

  .css-4mno9x {
    margin-top: 24px !important;
    min-height: 320px !important;
    overflow: hidden !important;
  }

  .css-eumqll {
    height: auto !important;
    min-height: 0 !important;
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 14px !important;
    padding: 18px !important;
  }

  .css-j0ozid {
    width: 100% !important;
  }

  .css-4bu52,
  .css-x7uoml,
  .css-17s76b7,
  .css-1hq003k,
  .css-fje7qh {
    width: 100% !important;
    max-width: 100% !important;
  }

  .css-4bu52,
  .css-x7uoml,
  .css-fje7qh {
    min-height: 48px !important;
    height: auto !important;
  }

  .css-1hq003k,
  .css-17s76b7 {
    min-height: 56px !important;
    height: auto !important;
  }

  .css-13a4k9d {
    height: auto !important;
    min-height: 72px !important;
    align-items: flex-start !important;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }

  .css-q73tg {
    max-height: none !important;
    height: auto !important;
    padding-inline-start: 16px !important;
    padding-inline-end: 16px !important;
    padding-bottom: 40px !important;
  }

  .css-c4nkb8 {
    padding: 18px !important;
  }

  .css-69i1ev,
  .css-1wiqeix,
  .css-1ufrzn0 {
    width: 100% !important;
  }

  .css-1ufrzn0 {
    flex-direction: column !important;
    gap: 10px !important;
  }

  .css-19b1fe8,
  .css-ygprh0,
  .css-nxkt84,
  .css-1sp7t5n,
  .css-o99m1s,
  .css-140nl4a,
  .css-1r3wc09 {
    display: none !important;
  }
}