@media (min-width: 64em) {
  .product-support-menu {
    max-width: 1044px;
    width: 95%;
    margin: 0 auto; } }

.product-support-menu__list {
  margin: 0;
  padding: 0;
  display: none; }
  .product-support-menu__list li {
    margin: 0;
    padding: 0;
    list-style: none; }
  @media (min-width: 48em) {
    .product-support-menu__list {
      display: block; }
      .product-support-menu__list::after {
        content: '';
        display: table;
        clear: both; }
      .product-support-menu__list > * {
        float: left;
        display: block;
        width: calc(25% - 1em);
        margin: 0.5em !important; }
      @supports (display: grid) {
        .product-support-menu__list {
          display: grid;
          grid-template-columns: repeat(4, 1fr);
          grid-gap: 1em; }
          .product-support-menu__list > * {
            width: auto;
            margin: 0 !important; } } }

.product-support-menu__item {
  margin-right: 1em;
  height: 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center; }
  .product-support-menu__item:focus {
    outline: none; }

.product-support-menu__item-link,
.product-support-menu-accordion__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  width: 100%;
  margin-bottom: 1em;
  padding: 1em;
  font-size: 14px;
  color: #141414;
  text-align: left;
  -webkit-box-shadow: 0 0 0 1px #CFCFD5;
  box-shadow: 0 0 0 1px #CFCFD5;
  background-color: #E7E7EA;
  -webkit-transition: 100ms background-color, 100ms -webkit-box-shadow;
  transition: 100ms background-color, 100ms -webkit-box-shadow;
  -o-transition: 100ms box-shadow, 100ms background-color;
  transition: 100ms box-shadow, 100ms background-color;
  transition: 100ms box-shadow, 100ms background-color, 100ms -webkit-box-shadow; }
  @media (min-width: 48em) {
    .product-support-menu__item-link,
    .product-support-menu-accordion__button {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 0;
      text-align: center; }
      .product-support-menu__item-link:hover, .product-support-menu__item-link:focus, .product-support-menu__item-link.tab--active,
      .product-support-menu-accordion__button:hover,
      .product-support-menu-accordion__button:focus,
      .product-support-menu-accordion__button.tab--active {
        background-color: #FFFFFF;
        -webkit-box-shadow: 0 0 0 2px #0084B2;
        box-shadow: 0 0 0 2px #0084B2;
        text-decoration: none;
        outline-offset: 2px; } }

.product-support-menu__item svg {
  margin-right: 1em;
  width: 70px;
  max-height: 70px; }
  @media (min-width: 48em) {
    .product-support-menu__item svg {
      margin-right: 0;
      margin-bottom: 1em; } }

.product-support-menu__item-text {
  display: inline-block;
  max-width: 90%; }

@media (min-width: 48em) {
  .product-support-menu__section {
    border: 1px solid #CFCFD5;
    padding: 1.5em;
    margin-top: 3em;
    margin-bottom: 1em; } }

.product-support-menu__section:focus {
  outline: none; }

.product-support-menu-accordion__title {
  margin: 0;
  width: 100%; }
  @media (min-width: 48em) {
    .product-support-menu-accordion__title {
      display: none; } }

.product-support-menu-accordion__row--active {
  margin-bottom: 2em;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 0 2px #0084B2;
  box-shadow: 0 0 0 2px #0084B2;
  text-decoration: none;
  outline-offset: 2px; }

.product-support-menu-accordion__title-text {
  max-width: 90%;
  display: inline-block; }

.product-support-menu-accordion__button {
  -webkit-appearance: none;
  border: 0; }
  .product-support-menu-accordion__button:focus {
    outline-width: 0; }
  .product-support-menu-accordion__row--active .product-support-menu-accordion__button {
    background-color: #FFFFFF; }
  .product-support-menu-accordion__button svg {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 5rem;
    flex: 0 0 5rem;
    margin-right: 1rem; }

.product-support-menu-accordion__content {
  display: none; }
  .product-support-menu-accordion__content::after {
    content: '';
    display: table;
    clear: both; }
  .product-support-menu-accordion__content[aria-hidden='false'] {
    display: block;
    padding: 1em;
    padding-bottom: 2rem; }
  @media (min-width: 48em) {
    .product-support-menu-accordion__content {
      display: block; }
      .product-support-menu-accordion__content[aria-hidden='false'] {
        padding-bottom: 0; } }