#keystroke .bo-temp {
  display: flex;
  flex-direction: column;
}
#keystroke .bo-temp .multi-panels {
  order: 2;
  padding-bottom: 0;
}
#keystroke .bo-temp .multi-panels ul li:not(.have-role-group) {
  display: list-item;
  list-style-type: upper-alpha;
  text-align: left;
  margin-left: 1.5rem;
  width: calc(100% - 1.5rem);
}
.razer-rtl #keystroke .bo-temp .multi-panels ul li:not(.have-role-group) {
  text-align: right;
  margin-left: 0;
  margin-right: 1.5rem;
}
#keystroke .bo-temp .multi-panels ul li:not(.have-role-group)::marker {
  color: #46d52e;
  font-weight: 600;
  font-size: 1.125rem;
}
#keystroke .bo-temp .multi-panels ul li .body-copy {
  width: 100%;
}
@media (min-width: 480px) {
  #keystroke .bo-temp .multi-panels ul {
    grid-template-columns: repeat(2, [col-start] 1fr);
  }
}
@media (min-width: 768px) {
  #keystroke .bo-temp .multi-panels {
    margin-top: -5rem;
  }
}
@media (min-width: 992px) {
  #keystroke .bo-temp .multi-panels ul {
    grid-template-columns: repeat(4, [col-start] 1fr);
  }
}
@media (max-width: 768px) {
  #keystroke .bo-temp .multi-panels ul li .body-copy {
    margin-top: 0;
  }
}
 @media screen and (max-width:767px){} @media screen and (-webkit-max-device-pixel-ratio: 1) and (min-width: 1200px), screen and (min-width: 768px) and (max-width: 1200px){} @media screen and (-webkit-min-device-pixel-ratio: 1) and (min-width: 1200px){} @media screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1200px){}