/* Account page treatment; shared page styles stay independent. */
main#account-problems#account-problems {
  background: radial-gradient(ellipse at 0 42%, #59007735, transparent 53%), radial-gradient(ellipse at 100% 80%, #5800a03b, transparent 55%), #10051f
}

main#account-problems#account-problems .account-hero {
  background: #190627
}

main#account-problems#account-problems .account-hero .slots-hero-art {
  filter: brightness(1.17) saturate(1.14)
}

main#account-problems#account-problems .account-hero:after {
  background: linear-gradient(90deg, #170522f5, #1a0527e0 29%, #22042b54 63%, transparent)
}

main#account-problems#account-problems .account-hero .primary {
  color: #201100;
  border-color: #fff378;
  border-radius: 24px;
  background: linear-gradient(180deg, #ffff66, #ffe20a 56%, #ffba00);
  box-shadow: inset 0 1px 7px #fffcca, 0 0 17px #ffd52255;
  transition: filter .2s, box-shadow .2s
}

main#account-problems#account-problems .account-hero .primary:hover {
  filter: brightness(1.08);
  box-shadow: inset 0 1px 9px #ffffd2, 0 0 25px #ffd52288
}

main#account-problems#account-problems .account-hero .outline {
  border-color: #f5bdff;
  border-radius: 24px;
  background: linear-gradient(180deg, #76209e9c, #320c5b);
  box-shadow: inset 0 1px 8px #c663ed55, 0 0 16px #c43cf65c
}

main#account-problems#account-problems .account-hero .outline:hover {
  box-shadow: inset 0 1px 10px #d67bff75, 0 0 23px #d854ff80
}

main#account-problems#account-problems .account-content {
  background: linear-gradient(180deg, #26073577, transparent 70%)
}

main#account-problems#account-problems .account-content>.panel,
main#account-problems#account-problems .account-pair>.panel {
  border: 1px solid #ee8cff !important;
  border-radius: 19px;
  background: linear-gradient(150deg, #470c67, #1a0b33 35%, #1d0b36 80%, #400d5d) !important;
  box-shadow: inset 0 1px 0 #ffd8ffb0, inset 0 0 20px #af22de30, 0 0 5px #f074ff70, 0 0 17px #c523f94a
}

main#account-problems#account-problems .account-content>.fixes-panel {
  box-shadow: inset 0 1px 0 #ffe3ffdd, inset 0 0 23px #d738ef35, 0 0 6px #ffb8ffb0, 0 0 22px #d22dfd6b
}

main#account-problems#account-problems .section-heading>.ui-icon {
  filter: drop-shadow(0 0 6px #ee87ff80)
}

main#account-problems#account-problems .installation-tabs {
  gap: 3px;
  padding: 3px;
  border-color: #c697e4;
  background: linear-gradient(180deg, #3a1c55, #211133);
  box-shadow: inset 0 1px 10px #bd6ee521;
  margin-bottom: 18px
}

main#account-problems#account-problems .installation-tabs button {
  position: relative;
  min-height: 46px;
  padding: 9px 15px;
  background: transparent
}

main#account-problems#account-problems .installation-tabs button[aria-selected=true] {
  border-color: #ffe4ff;
  background: linear-gradient(180deg, #ef58ff 0%, #c700ec 34%, #9600d3 72%, #d93cfc 100%);
  box-shadow: inset 0 0 8px #ffb7ff80, 0 0 5px #fff0ff, 0 0 16px #e52dff80
}

main#account-problems#account-problems .installation-tabs button[aria-selected=true]:after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: calc(50% - 6px);
  width: 11px;
  height: 11px;
  transform: rotate(45deg);
  border-right: 1px solid #f5b4ff;
  border-bottom: 1px solid #f5b4ff;
  background: #cb26ed;
  box-shadow: 3px 3px 7px #e345ff55
}

main#account-problems#account-problems .installation-tabs button:hover {
  filter: brightness(1.13)
}

main#account-problems#account-problems .device-heading {
  color: #ead2fa;
  margin-bottom: 12px
}

main#account-problems#account-problems .issue-list {
  gap: 9px
}

main#account-problems#account-problems .issue-row {
  gap: 13px;
  padding: 7px;
  border-color: #c16ee4;
  border-radius: 15px;
  background: linear-gradient(110deg, #49135e, #230d3d 50%, #35134a);
  box-shadow: inset 0 1px 0 #e2b6f124;
  transition: border-color .2s, box-shadow .2s
}

main#account-problems#account-problems .issue-row:hover {
  border-color: #f2baff;
  box-shadow: inset 0 1px 0 #e2b6f140, 0 0 12px #d957f52b
}

main#account-problems#account-problems .issue-problem {
  align-items: center;
  gap: 15px;
  padding: 7px 12px 7px 7px;
  border-right: 1px solid #ac68c47d
}

main#account-problems#account-problems .issue-problem>.ui-icon {
  width: 56px;
  height: 56px;
  flex-basis: 56px;
  padding: 10px;
  border-color: #d88af3;
  border-radius: 14px;
  background: radial-gradient(at 35% 15%, #d66dff, #7923bb 50%, #3a1473);
  filter: drop-shadow(0 3px 7px #08001965)
}

main#account-problems#account-problems .issue-row:nth-child(2) .issue-problem>.ui-icon {
  border-color: #ff9ba6;
  background: radial-gradient(at 30% 20%, #ff7a90, #c91a46 55%, #650b45)
}

main#account-problems#account-problems .issue-row:nth-child(3) .issue-problem>.ui-icon {
  border-color: #ffcc85;
  background: radial-gradient(at 30% 20%, #ffd57f, #dc7b12 50%, #7c2657)
}

main#account-problems#account-problems .issue-problem h3 {
  margin-bottom: 6px
}

main#account-problems#account-problems .issue-problem p {
  line-height: 1.5;
  color: #f0e7f6
}

main#account-problems#account-problems .issue-solution {
  padding: 10px 13px;
  border-color: #f1d5ff;
  border-radius: 12px;
  background: linear-gradient(120deg, #f2edff, #ded2fa 52%, #c3aeec);
  box-shadow: inset 0 1px 6px #ffffff8c;
  color: #221130
}

main#account-problems#account-problems .issue-solution h4 {
  margin-bottom: 5px;
  color: #8009a7
}

main#account-problems#account-problems .solution-list {
  gap: 4px
}

main#account-problems#account-problems .solution-list li {
  color: #21112e;
  line-height: 1.5
}

main#account-problems#account-problems .solution-list li:before {
  top: 5px;
  border-color: #148a35;
  border-width: 0 3px 3px 0
}

main#account-problems#account-problems .issue-details {
  margin-top: 6px
}

main#account-problems#account-problems .issue-details>summary,
main#account-problems#account-problems .issue-details .hide-details {
  color: #721694
}

main#account-problems#account-problems .issue-cause {
  border-color: #9470b97a;
  margin-top: 11px;
  padding-top: 9px
}

main#account-problems#account-problems .issue-cause p {
  color: #382347
}

main#account-problems#account-problems .issue-note {
  border-color: #9c4db0;
  background: #fff4dd;
  color: #29113e
}

main#account-problems#account-problems .issue-note p {
  color: #29113e
}

main#account-problems#account-problems .issue-solution .inline-link {
  color: #661182
}

main#account-problems#account-problems .issue-solution :is(summary, button, a):focus-visible {
  outline-color: #6d168d
}

main#account-problems#account-problems .recommendation {
  border-color: #f0c68f;
  background: linear-gradient(130deg, #fff3cf, #edc5e9);
  box-shadow: inset 0 1px 8px #ffffff80
}

main#account-problems#account-problems .recommendation p {
  color: #281134
}

main#account-problems#account-problems .slot-faq .faq-grid>details {
  border-color: #9c61be;
  border-radius: 14px;
  background: linear-gradient(115deg, #45165e, #28113e 70%);
  box-shadow: inset 0 1px 0 #d6a1ea25
}

main#account-problems#account-problems .slot-faq .faq-grid>details:hover {
  border-color: #d595ee
}

main#account-problems#account-problems .slot-faq .faq-grid>details[open] {
  background: linear-gradient(120deg, #54216c, #24113e);
  border-color: #e394f5
}

main#account-problems#account-problems .slot-faq .faq-toggle {
  background: linear-gradient(#ae55cf, #682488);
  box-shadow: 0 0 8px #dc6cf330
}

main#account-problems#account-problems .slot-faq .faq-grid>details>p {
  color: #ebdff2
}

main#account-problems#account-problems .site-footer {
  border-top-color: #9145ab;
  background: transparent
}

@media(max-width:680px) {
  main#account-problems#account-problems .account-hero:after {
    background: linear-gradient(90deg, #170522ed, #1a0527bd 72%, #22042b85)
  }

  main#account-problems#account-problems .account-content>.panel,
  main#account-problems#account-problems .account-pair>.panel {
    border-radius: 16px;
    box-shadow: inset 0 1px 0 #ffd8ff80, 0 0 5px #f074ff55, 0 0 13px #c523f939
  }

  main#account-problems#account-problems .installation-tabs button {
    padding: 9px 7px;
    gap: 7px;
    min-height: 48px
  }

  main#account-problems#account-problems .issue-row {
    padding: 9px;
    gap: 10px
  }

  main#account-problems#account-problems .issue-problem {
    align-items: flex-start;
    border-right: 0;
    padding: 3px;
    gap: 11px
  }

  main#account-problems#account-problems .issue-problem>.ui-icon {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
    padding: 8px
  }

  main#account-problems#account-problems .issue-solution {
    padding: 12px
  }
}

@media(prefers-reduced-motion:reduce) {

  main#account-problems#account-problems .issue-row,
  main#account-problems#account-problems .account-hero .primary {
    transition: none
  }
}