@charset "UTF-8";
@keyframes fadeinout {
  0% {
    bottom: -100px; }
  15% {
    bottom: 0; }
  85% {
    bottom: 0; }
  100% {
    bottom: -100px; } }

.pageMessage {
  position: fixed;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1rem;
  z-index: 300;
  text-align: center; }
  .pageMessage p {
    bottom: -100px;
    position: relative;
    border-radius: 0.25rem;
    padding: 0.5rem 1rem;
    display: inline-block;
    color: #ffffff; }
    .light-mode .pageMessage p {
      background-color: #00b16a; }
    .dark-mode .pageMessage p {
      background-color: #26AD84; }

.pageMessage--show p {
  animation: fadeinout 5s cubic-bezier(0.68, -0.6, 0.32, 1.6); }

.button-group,
.button-group--small {
  position: relative;
  display: inline-block;
  border: 1px solid #a1a1a1;
  border-radius: 0px;
  text-decoration: none;
  color: #2c85c5; }
  .button-group .button-group__radio,
  .button-group--small .button-group__radio {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }

.button-group__item {
  display: inline-block;
  cursor: pointer;
  float: left;
  padding: .5rem .875rem;
  border-right: 1px solid #a1a1a1; }
  .button-group__item:hover {
    transition: background-color .3s ease 0s;
    background-color: #ffffff; }
  .button-group__item:last-of-type {
    border: 0; }

.button-group .button-group__radio:checked + .button-group__item,
.button-group--small .button-group__radio:checked + .button-group__item {
  background-color: #ffffff;
  color: #6c6c6c; }

.button-group--small .button-group__item {
  padding: 0.3125rem .625rem;
  font-size: 1.125rem;
  line-height: 1.5; }

.modal {
  background-color: rgba(25, 27, 43, 0.7);
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  padding: 1rem;
  z-index: 400;
  opacity: 0;
  visibility: hidden;
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }
  .light-mode .modal {
    background-color: rgba(25, 27, 43, 0.7); }
  .dark-mode .modal {
    background-color: rgba(9, 9, 15, 0.7); }
  .modal .modal__container {
    -webkit-animation-duration: 0.35s;
    animation-duration: 0.35s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
    .light-mode .modal .modal__container {
      background-color: #f4f4f3; }
    .dark-mode .modal .modal__container {
      background-color: #3D3D54; }
    .modal .modal__container .modal__header {
      display: flex;
      align-items: stretch;
      border-bottom: 1px solid #a1a1a1; }
      .modal .modal__container .modal__header h2 {
        font-size: 1.25rem;
        padding: 1rem;
        flex-grow: 1; }
        .modal .modal__container .modal__header h2 svg {
          margin-right: 1rem; }
      .modal .modal__container .modal__header .modal__close {
        display: flex;
        align-items: center;
        padding: 1rem;
        line-height: 0; }
        .modal .modal__container .modal__header .modal__close svg {
          transition: fill 0.45s cubic-bezier(0.165, 0.84, 0.44, 1); }
          .light-mode .modal .modal__container .modal__header .modal__close svg {
            fill: #929292; }
          .dark-mode .modal .modal__container .modal__header .modal__close svg {
            fill: #717184; }
        .modal .modal__container .modal__header .modal__close:hover {
          cursor: pointer; }
          .modal .modal__container .modal__header .modal__close:hover svg {
            transition: fill 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
            .light-mode .modal .modal__container .modal__header .modal__close:hover svg {
              fill: #2c85c5; }
            .dark-mode .modal .modal__container .modal__header .modal__close:hover svg {
              fill: #74baff; }
    .modal .modal__container .modal__content {
      padding: 1rem; }
    .modal .modal__container .form-actions {
      margin-top: 1.5rem; }

.gray-out {
  opacity: .4; }
  .gray-out .radio + label,
  .gray-out .checkbox + label,
  .gray-out .select,
  .gray-out select,
  .gray-out input {
    pointer-events: none; }

.js-show-modal {
  overflow: hidden; }

.modal--visible {
  visibility: visible;
  opacity: 1; }
  .modal--visible .modal__container {
    -webkit-animation-name: modal__content-scale;
    animation-name: modal__content-scale; }

@-webkit-keyframes modal__content-scale {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0); }
  50% {
    opacity: 1; } }

@-moz-keyframes modal__content-scale {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0); }
  50% {
    opacity: 1; } }

@keyframes modal__content-scale {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0); }
  50% {
    opacity: 1; } }

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(44, 133, 197, 0.95);
  z-index: 100; }

.ui-dialog {
  z-index: 100;
  box-shadow: 0px 25px 45px rgba(0, 0, 0, 0.22);
  padding: 2rem; }
  .light-mode .ui-dialog {
    background-color: #f4f4f3; }
  .dark-mode .ui-dialog {
    background-color: #3D3D54; }

.ui-datepicker {
  box-shadow: 0px 25px 45px rgba(0, 0, 0, 0.22);
  padding: 1rem; }
  .light-mode .ui-datepicker {
    background-color: white; }
  .dark-mode .ui-datepicker {
    background-color: #4a4a66; }
  .ui-datepicker .ui-datepicker-title {
    font-weight: 700;
    font-size: 1.125rem; }
  .ui-datepicker .ui-datepicker-prev,
  .ui-datepicker .ui-datepicker-next {
    cursor: pointer;
    font-size: 0.875rem; }
  .ui-datepicker .ui-datepicker-next {
    margin-left: 0.5rem; }

#partlist_history_dialog table tbody {
  font-size: 0.6875rem;
  line-height: 1; }
  @media only screen and (min-width: 1050px) {
    #partlist_history_dialog table tbody {
      font-size: 0.875rem; } }
  #partlist_history_dialog table tbody .td__when {
    font-size: 0.625rem; }
    @media only screen and (min-width: 1050px) {
      #partlist_history_dialog table tbody .td__when {
        font-size: 0.75rem; } }
    .light-mode #partlist_history_dialog table tbody .td__when {
      color: #929292; }
    .dark-mode #partlist_history_dialog table tbody .td__when {
      color: #717184; }

#key_metric_dialog table {
  margin-top: 1rem; }

#partlist_markup_dialog #markup_merchant_select {
  margin: 0.5rem 0; }
  #partlist_markup_dialog #markup_merchant_select li {
    margin-bottom: 0.5rem; }
    #partlist_markup_dialog #markup_merchant_select li select {
      margin: 0.5rem 0; }

#partlist_markup_dialog #markup_selection {
  margin-bottom: 0.5rem; }
  #partlist_markup_dialog #markup_selection li {
    display: inline-block;
    margin-right: 1.5rem; }
    #partlist_markup_dialog #markup_selection li .radio + label:before {
      top: -4px; }
    #partlist_markup_dialog #markup_selection li svg {
      width: 24px;
      height: 24px; }

#partlist_save_dialog h6 {
  margin-bottom: 0.5rem; }

#partlist_save_dialog .modal__content--createNew,
#partlist_save_dialog .modal__content--overwrite {
  margin-bottom: 1.5rem; }
  #partlist_save_dialog .modal__content--createNew label,
  #partlist_save_dialog .modal__content--overwrite label {
    margin-bottom: 0.5rem; }

#partlist_save_dialog .modal__content--createNew input[type=text] {
  width: 100%; }

#partlist_save_dialog .modal__content--overwrite select {
  width: 100%; }

#partlist_upp_dialog #info {
  margin-bottom: 1rem; }

#partlist_upp_dialog #upp_add_custom_form input[type=text] {
  width: 100%;
  margin: 0.5rem 0; }
  @media only screen and (min-width: 1050px) {
    #partlist_upp_dialog #upp_add_custom_form input[type=text] {
      width: 75%; } }
#partlist_upp_dialog #partlist_upp_dialog_manual_entry_form ul li {
  margin-bottom: 0.5rem; }

#partlist_upp_dialog #partlist_upp_dialog_manual_entry_form .note {
  margin-top: 0.5rem; }

#partlist_upp_dialog #partlist_upp_dialog_auto_fetch_result #upp_dialog_auto_fetch_result_title {
  text-align: center; }
  #partlist_upp_dialog #partlist_upp_dialog_auto_fetch_result #upp_dialog_auto_fetch_result_title .image-wrapper {
    margin-bottom: 1rem; }
  #partlist_upp_dialog #partlist_upp_dialog_auto_fetch_result #upp_dialog_auto_fetch_result_title h2 {
    font-size: 1.25rem; }

#partlist_upp_dialog #partlist_upp_dialog_auto_fetch_result .form-actions {
  text-align: center; }

#partlist_upp_dialog .dialog__divider {
  margin-top: 1rem; }

#partlist_custom_price_dialog #change_price_select li {
  margin-bottom: 0.5rem; }
  #partlist_custom_price_dialog #change_price_select li select {
    width: 100%; }

#default_dialog .modal__footer {
  padding: 0 2rem 2rem; }

#default_dialog #desktop_report_dialog ul {
  margin: 0.5rem 0 1rem; }

#default_dialog #desktop_report_dialog .moderation-report-additional-info {
  margin-bottom: 0.5rem; }

#folder_dialog_new form input#new_folder_name {
  width: 100%; }

#folder_dialog_edit .folderDelete {
  border-top-style: solid;
  border-top-width: 1px;
  padding-top: 2rem; }
  .light-mode #folder_dialog_edit .folderDelete {
    border-color: #dbdbdb; }
  .dark-mode #folder_dialog_edit .folderDelete {
    border-color: #37374d; }
  #folder_dialog_edit .folderDelete form {
    padding-bottom: 1rem; }

#price_dialog p {
  margin-bottom: 1rem; }

.xs-block-grid-1, .xs-block-grid-2, .xs-block-grid-3, .xs-block-grid-4, .xs-block-grid-5, .xs-block-grid-6 {
  font-size: 0        !important;
  margin: -0.5rem !important;
  padding: 0          !important; }

@media (min-width: 768px) {
  .sm-block-grid-1, .sm-block-grid-2, .sm-block-grid-3, .sm-block-grid-4, .sm-block-grid-5, .sm-block-grid-6 {
    font-size: 0        !important;
    margin: -0.5rem !important;
    padding: 0          !important; } }

@media (min-width: 1050px) {
  .md-block-grid-1, .md-block-grid-2, .md-block-grid-3, .md-block-grid-4, .md-block-grid-5, .md-block-grid-6 {
    font-size: 0        !important;
    margin: -0.5rem !important;
    padding: 0          !important; } }

@media (min-width: 1536px) {
  .lg-block-grid-1, .lg-block-grid-2, .lg-block-grid-3, .lg-block-grid-4, .lg-block-grid-5, .lg-block-grid-6 {
    font-size: 0        !important;
    margin: -0.5rem !important;
    padding: 0          !important; } }

@media (min-width: 2600px) {
  .xl-block-grid-1, .xl-block-grid-2, .xl-block-grid-3, .xl-block-grid-4, .xl-block-grid-5, .xl-block-grid-6 {
    font-size: 0        !important;
    margin: -0.5rem !important;
    padding: 0          !important; } }

.block-grid__item {
  display: inline-block      !important;
  margin: 0.5rem !important;
  font-size: 16px;
  vertical-align: top        !important; }

.xs-block-grid-1 .block-grid__item {
  width: 100% !important; }

.xs-block-grid-2 .block-grid__item {
  width: calc(50% - 1rem) !important; }

.xs-block-grid-3 .block-grid__item {
  width: calc(33.3333333333% - 1rem) !important; }

.xs-block-grid-4 .block-grid__item {
  width: calc(25% - 1rem) !important; }

.xs-block-grid-5 .block-grid__item {
  width: calc(20% - 1rem) !important; }

.xs-block-grid-6 .block-grid__item {
  width: calc(16.6666666667% - 1rem) !important; }

@media (min-width: 768px) {
  .sm-block-grid-1 .block-grid__item {
    width: 100% !important; }
  .sm-block-grid-2 .block-grid__item {
    width: calc(50% - 1rem) !important; }
  .sm-block-grid-3 .block-grid__item {
    width: calc(33.3333333333% - 1rem) !important; }
  .sm-block-grid-4 .block-grid__item {
    width: calc(25% - 1rem) !important; }
  .sm-block-grid-5 .block-grid__item {
    width: calc(20% - 1rem) !important; }
  .sm-block-grid-6 .block-grid__item {
    width: calc(16.6666666667% - 1rem) !important; } }

@media (min-width: 1050px) {
  .md-block-grid-1 .block-grid__item {
    width: 100% !important; }
  .md-block-grid-2 .block-grid__item {
    width: calc(50% - 1rem) !important; }
  .md-block-grid-3 .block-grid__item {
    width: calc(33.3333333333% - 1rem) !important; }
  .md-block-grid-4 .block-grid__item {
    width: calc(25% - 1rem) !important; }
  .md-block-grid-5 .block-grid__item {
    width: calc(20% - 1rem) !important; }
  .md-block-grid-6 .block-grid__item {
    width: calc(16.6666666667% - 1rem) !important; } }

@media (min-width: 1536px) {
  .lg-block-grid-1 .block-grid__item {
    width: 100% !important; }
  .lg-block-grid-2 .block-grid__item {
    width: calc(50% - 1rem) !important; }
  .lg-block-grid-3 .block-grid__item {
    width: calc(33.3333333333% - 1rem) !important; }
  .lg-block-grid-4 .block-grid__item {
    width: calc(25% - 1rem) !important; }
  .lg-block-grid-5 .block-grid__item {
    width: calc(20% - 1rem) !important; }
  .lg-block-grid-6 .block-grid__item {
    width: calc(16.6666666667% - 1rem) !important; } }

@media (min-width: 2600px) {
  .xl-block-grid-1 .block-grid__item {
    width: 100% !important; }
  .xl-block-grid-2 .block-grid__item {
    width: calc(50% - 1rem) !important; }
  .xl-block-grid-3 .block-grid__item {
    width: calc(33.3333333333% - 1rem) !important; }
  .xl-block-grid-4 .block-grid__item {
    width: calc(25% - 1rem) !important; }
  .xl-block-grid-5 .block-grid__item {
    width: calc(20% - 1rem) !important; }
  .xl-block-grid-6 .block-grid__item {
    width: calc(16.6666666667% - 1rem) !important; } }

.no-gutters {
  margin: 0 !important; }
  .no-gutters .block-grid__item {
    margin: 0 !important; }

.xs-block-grid-1.no-gutters .block-grid__item {
  width: 100% !important; }

.xs-block-grid-2.no-gutters .block-grid__item {
  width: 50% !important; }

.xs-block-grid-3.no-gutters .block-grid__item {
  width: 33.3333333333% !important; }

.xs-block-grid-4.no-gutters .block-grid__item {
  width: 25% !important; }

.xs-block-grid-5.no-gutters .block-grid__item {
  width: 20% !important; }

.xs-block-grid-6.no-gutters .block-grid__item {
  width: 16.6666666667% !important; }

@media (min-width: 768px) {
  .sm-block-grid-1.no-gutters .block-grid__item {
    width: 100% !important; }
  .sm-block-grid-2.no-gutters .block-grid__item {
    width: 50% !important; }
  .sm-block-grid-3.no-gutters .block-grid__item {
    width: 33.3333333333% !important; }
  .sm-block-grid-4.no-gutters .block-grid__item {
    width: 25% !important; }
  .sm-block-grid-5.no-gutters .block-grid__item {
    width: 20% !important; }
  .sm-block-grid-6.no-gutters .block-grid__item {
    width: 16.6666666667% !important; } }

@media (min-width: 1050px) {
  .md-block-grid-1.no-gutters .block-grid__item {
    width: 100% !important; }
  .md-block-grid-2.no-gutters .block-grid__item {
    width: 50% !important; }
  .md-block-grid-3.no-gutters .block-grid__item {
    width: 33.3333333333% !important; }
  .md-block-grid-4.no-gutters .block-grid__item {
    width: 25% !important; }
  .md-block-grid-5.no-gutters .block-grid__item {
    width: 20% !important; }
  .md-block-grid-6.no-gutters .block-grid__item {
    width: 16.6666666667% !important; } }

@media (min-width: 1536px) {
  .lg-block-grid-1.no-gutters .block-grid__item {
    width: 100% !important; }
  .lg-block-grid-2.no-gutters .block-grid__item {
    width: 50% !important; }
  .lg-block-grid-3.no-gutters .block-grid__item {
    width: 33.3333333333% !important; }
  .lg-block-grid-4.no-gutters .block-grid__item {
    width: 25% !important; }
  .lg-block-grid-5.no-gutters .block-grid__item {
    width: 20% !important; }
  .lg-block-grid-6.no-gutters .block-grid__item {
    width: 16.6666666667% !important; } }

@media (min-width: 2600px) {
  .xl-block-grid-1.no-gutters .block-grid__item {
    width: 100% !important; }
  .xl-block-grid-2.no-gutters .block-grid__item {
    width: 50% !important; }
  .xl-block-grid-3.no-gutters .block-grid__item {
    width: 33.3333333333% !important; }
  .xl-block-grid-4.no-gutters .block-grid__item {
    width: 25% !important; }
  .xl-block-grid-5.no-gutters .block-grid__item {
    width: 20% !important; }
  .xl-block-grid-6.no-gutters .block-grid__item {
    width: 16.6666666667% !important; } }

.fill-primary {
  background-color: #2c85c5; }

.fill-secondary {
  background-color: #EDA920; }

.fill-tertiary {
  background-color: #f4f4f3; }

.fill-error {
  background-color: #d91e18; }

.fill-warning {
  background-color: #ff9115; }

.fill-success {
  background-color: #00b16a; }

.fill-link {
  background-color: #2c85c5; }

.fill-neutral--darker {
  background-color: #191b2b; }

.fill-neutral--dark {
  background-color: #26293c; }

.fill-neutral {
  background-color: #929292; }

.fill-neutral--light {
  background-color: #EAEAEA; }

.fill-neutral--lighter {
  background-color: #ffffff; }

.light-mode .fill-neutral--00 {
  background-color: #ffffff; }

.dark-mode .fill-neutral--00 {
  background-color: #09090F; }

.light-mode .fill-neutral--0 {
  background-color: #EAEAEA; }

.dark-mode .fill-neutral--0 {
  background-color: #282838; }

.light-mode .fill-neutral-- {
  background-color: #929292; }

.dark-mode .fill-neutral-- {
  background-color: #717184; }

.light-mode .fill-neutral--1 {
  background-color: #26293c; }

.dark-mode .fill-neutral--1 {
  background-color: #B8B8C8; }

.light-mode .fill-neutral--11 {
  background-color: #191b2b; }

.dark-mode .fill-neutral--11 {
  background-color: #EEEEF3; }

.fill-facebook {
  background-color: #3b5998; }

.fill-twitter {
  background-color: #55acee; }

.fill-google {
  background-color: #dd4b39; }

.fill-linkedin {
  background-color: #0077b5; }

.fill-pinterest {
  background-color: #bd081c; }

.fill-reddit {
  background-color: #FC4217; }

.fill-youtube {
  background-color: #cd201f; }

.fill-instagram {
  background-color: #517fa4; }

.fill-vine {
  background-color: #00b488; }

.fill-snapchat {
  background-color: #fffc00; }

.text-primary {
  color: #2c85c5; }

.text-secondary {
  color: #2c85c5; }

.text-tertiary {
  color: #f4f4f3; }

.text-error {
  color: #E52C34; }

.text-warning {
  color: #f78300; }

.text-success {
  color: #00b16a; }

.text-link {
  color: #2c85c5; }

.text-neutral--darker {
  color: #191b2b; }

.text-neutral--dark {
  color: #26293c; }

.text-neutral {
  color: #6c6c6c; }

.text-neutral--light {
  color: #EAEAEA; }

.text-neutral--lighter {
  color: #ffffff; }

.light-mode .text-neutral--00 {
  color: #ffffff; }

.dark-mode .text-neutral--00 {
  color: #09090F; }

.light-mode .text-neutral--0 {
  color: #EAEAEA; }

.dark-mode .text-neutral--0 {
  color: #282838; }

.light-mode .text-neutral-- {
  color: #929292; }

.dark-mode .text-neutral-- {
  color: #717184; }

.light-mode .text-neutral--1 {
  color: #26293c; }

.dark-mode .text-neutral--1 {
  color: #B8B8C8; }

.light-mode .text-neutral--11 {
  color: #191b2b; }

.dark-mode .text-neutral--11 {
  color: #EEEEF3; }

.button {
  cursor: pointer;
  padding: 0;
  background-color: transparent;
  background-image: none;
  border-style: solid;
  border-width: 1px;
  border-color: transparent;
  -webkit-appearance: none;
  appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: .5rem .875rem;
  line-height: 1.5rem;
  border-radius: 0px;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  border-width: 2px;
  transition: background-color .1s ease 0s;
  transition: background-color .1s ease 0s, border-color .1s ease 0s; }
  .button:active {
    outline: 0; }
  .light-mode .button {
    background-color: #2c85c5;
    color: #ffffff;
    border-color: #2c85c5; }
  .dark-mode .button {
    background-color: #2b86de;
    color: #EEEEF3;
    border-color: #2b86de; }
  .light-mode .button > svg.icon {
    fill: #ffffff; }
  .dark-mode .button > svg.icon {
    fill: #EEEEF3; }
  .button:not(.button--disabled):not(:disabled):hover {
    transition: background-color .15s ease 0s, border-color .15s ease 0s;
    text-decoration: none; }
    .light-mode .button:not(.button--disabled):not(:disabled):hover {
      background-color: #1e5b86;
      border-color: #1e5b86;
      color: #ffffff; }
    .dark-mode .button:not(.button--disabled):not(:disabled):hover {
      background-color: #195fa3;
      border-color: #195fa3;
      color: #EEEEF3; }
  .light-mode .button:not(.button--disabled):not(:disabled):active {
    background-color: #153f5d; }
  .dark-mode .button:not(.button--disabled):not(:disabled):active {
    background-color: #134677; }
  .light-mode .button.button.button--icon > svg {
    fill: #ffffff; }
  .dark-mode .button.button.button--icon > svg {
    fill: #EEEEF3; }
  .light-mode .button.button.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #ffffff; }
  .dark-mode .button.button.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #EEEEF3; }
  .button.button--secondary {
    background: none; }
    .light-mode .button.button--secondary {
      border-color: #2c85c5;
      color: #2c85c5; }
    .dark-mode .button.button--secondary {
      border-color: #2b86de;
      color: #2b86de; }
    .button.button--secondary:hover {
      transition: background-color .15s ease 0s, border-color .15s ease 0s; }
  .light-mode .button.button--secondary:not(.button--disabled):not(:disabled):hover {
    background-color: #1e5b86;
    color: #ffffff; }
  .dark-mode .button.button--secondary:not(.button--disabled):not(:disabled):hover {
    background-color: #195fa3;
    color: #EEEEF3; }
  .light-mode .button.button--secondary:not(.button--disabled):not(:disabled):active {
    background-color: #153f5d;
    border-color: #153f5d;
    color: #ffffff; }
  .dark-mode .button.button--secondary:not(.button--disabled):not(:disabled):active {
    background-color: #134677;
    border-color: #134677;
    color: #EEEEF3; }
  .light-mode .button.button--secondary.button--icon > svg {
    fill: #2c85c5; }
  .dark-mode .button.button--secondary.button--icon > svg {
    fill: #2b86de; }
  .light-mode .button.button--secondary.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #ffffff; }
  .dark-mode .button.button--secondary.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #EEEEF3; }

.button--negative {
  transition: background-color .1s ease 0s, border-color .1s ease 0s; }
  .light-mode .button--negative {
    background-color: #d91e18;
    color: #ffffff;
    border-color: #d91e18; }
  .dark-mode .button--negative {
    background-color: #ff4560;
    color: #EEEEF3;
    border-color: #ff4560; }
  .light-mode .button--negative > svg.icon {
    fill: #ffffff; }
  .dark-mode .button--negative > svg.icon {
    fill: #EEEEF3; }
  .button--negative:not(.button--disabled):not(:disabled):hover {
    transition: background-color .15s ease 0s, border-color .15s ease 0s;
    text-decoration: none; }
    .light-mode .button--negative:not(.button--disabled):not(:disabled):hover {
      background-color: #941410;
      border-color: #941410;
      color: #ffffff; }
    .dark-mode .button--negative:not(.button--disabled):not(:disabled):hover {
      background-color: #f80024;
      border-color: #f80024;
      color: #EEEEF3; }
  .light-mode .button--negative:not(.button--disabled):not(:disabled):active {
    background-color: #660e0b; }
  .dark-mode .button--negative:not(.button--disabled):not(:disabled):active {
    background-color: #c5001d; }
  .light-mode .button--negative.button.button--icon > svg {
    fill: #ffffff; }
  .dark-mode .button--negative.button.button--icon > svg {
    fill: #EEEEF3; }
  .light-mode .button--negative.button.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #ffffff; }
  .dark-mode .button--negative.button.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #EEEEF3; }
  .button--negative.button--secondary {
    background: none; }
    .light-mode .button--negative.button--secondary {
      border-color: #d91e18;
      color: #d91e18; }
    .dark-mode .button--negative.button--secondary {
      border-color: #ff4560;
      color: #ff4560; }
    .button--negative.button--secondary:hover {
      transition: background-color .15s ease 0s, border-color .15s ease 0s; }
  .light-mode .button--negative.button--secondary:not(.button--disabled):not(:disabled):hover {
    background-color: #941410;
    color: #ffffff; }
  .dark-mode .button--negative.button--secondary:not(.button--disabled):not(:disabled):hover {
    background-color: #f80024;
    color: #EEEEF3; }
  .light-mode .button--negative.button--secondary:not(.button--disabled):not(:disabled):active {
    background-color: #660e0b;
    border-color: #660e0b;
    color: #ffffff; }
  .dark-mode .button--negative.button--secondary:not(.button--disabled):not(:disabled):active {
    background-color: #c5001d;
    border-color: #c5001d;
    color: #EEEEF3; }
  .light-mode .button--negative.button--secondary.button--icon > svg {
    fill: #d91e18; }
  .dark-mode .button--negative.button--secondary.button--icon > svg {
    fill: #ff4560; }
  .light-mode .button--negative.button--secondary.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #ffffff; }
  .dark-mode .button--negative.button--secondary.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #EEEEF3; }

.button--success {
  transition: background-color .1s ease 0s, border-color .1s ease 0s; }
  .light-mode .button--success {
    background-color: #00b16a;
    color: #ffffff;
    border-color: #00b16a; }
  .dark-mode .button--success {
    background-color: #26AD84;
    color: #EEEEF3;
    border-color: #26AD84; }
  .light-mode .button--success > svg.icon {
    fill: #ffffff; }
  .dark-mode .button--success > svg.icon {
    fill: #EEEEF3; }
  .button--success:not(.button--disabled):not(:disabled):hover {
    transition: background-color .15s ease 0s, border-color .15s ease 0s;
    text-decoration: none; }
    .light-mode .button--success:not(.button--disabled):not(:disabled):hover {
      background-color: #00653c;
      border-color: #00653c;
      color: #ffffff; }
    .dark-mode .button--success:not(.button--disabled):not(:disabled):hover {
      background-color: #186e54;
      border-color: #186e54;
      color: #EEEEF3; }
  .light-mode .button--success:not(.button--disabled):not(:disabled):active {
    background-color: #00321e; }
  .dark-mode .button--success:not(.button--disabled):not(:disabled):active {
    background-color: #0f4434; }
  .light-mode .button--success.button.button--icon > svg {
    fill: #ffffff; }
  .dark-mode .button--success.button.button--icon > svg {
    fill: #EEEEF3; }
  .light-mode .button--success.button.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #ffffff; }
  .dark-mode .button--success.button.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #EEEEF3; }
  .button--success.button--secondary {
    background: none; }
    .light-mode .button--success.button--secondary {
      border-color: #00b16a;
      color: #00b16a; }
    .dark-mode .button--success.button--secondary {
      border-color: #26AD84;
      color: #26AD84; }
    .button--success.button--secondary:hover {
      transition: background-color .15s ease 0s, border-color .15s ease 0s; }
  .light-mode .button--success.button--secondary:not(.button--disabled):not(:disabled):hover {
    background-color: #00653c;
    color: #ffffff; }
  .dark-mode .button--success.button--secondary:not(.button--disabled):not(:disabled):hover {
    background-color: #186e54;
    color: #EEEEF3; }
  .light-mode .button--success.button--secondary:not(.button--disabled):not(:disabled):active {
    background-color: #00321e;
    border-color: #00321e;
    color: #ffffff; }
  .dark-mode .button--success.button--secondary:not(.button--disabled):not(:disabled):active {
    background-color: #0f4434;
    border-color: #0f4434;
    color: #EEEEF3; }
  .light-mode .button--success.button--secondary.button--icon > svg {
    fill: #00b16a; }
  .dark-mode .button--success.button--secondary.button--icon > svg {
    fill: #26AD84; }
  .light-mode .button--success.button--secondary.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #ffffff; }
  .dark-mode .button--success.button--secondary.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #EEEEF3; }

.button--dark {
  transition: background-color .1s ease 0s, border-color .1s ease 0s; }
  .light-mode .button--dark {
    background-color: #929292;
    color: #ffffff;
    border-color: #929292; }
  .dark-mode .button--dark {
    background-color: #717184;
    color: #EEEEF3;
    border-color: #717184; }
  .light-mode .button--dark > svg.icon {
    fill: #ffffff; }
  .dark-mode .button--dark > svg.icon {
    fill: #EEEEF3; }
  .button--dark:not(.button--disabled):not(:disabled):hover {
    transition: background-color .15s ease 0s, border-color .15s ease 0s;
    text-decoration: none; }
    .light-mode .button--dark:not(.button--disabled):not(:disabled):hover {
      background-color: #6c6c6c;
      border-color: #6c6c6c;
      color: #ffffff; }
    .dark-mode .button--dark:not(.button--disabled):not(:disabled):hover {
      background-color: #4e4e5b;
      border-color: #4e4e5b;
      color: #EEEEF3; }
  .light-mode .button--dark:not(.button--disabled):not(:disabled):active {
    background-color: #525252; }
  .dark-mode .button--dark:not(.button--disabled):not(:disabled):active {
    background-color: #36363f; }
  .light-mode .button--dark.button.button--icon > svg {
    fill: #ffffff; }
  .dark-mode .button--dark.button.button--icon > svg {
    fill: #EEEEF3; }
  .light-mode .button--dark.button.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #ffffff; }
  .dark-mode .button--dark.button.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #EEEEF3; }
  .button--dark.button--secondary {
    background: none; }
    .light-mode .button--dark.button--secondary {
      border-color: #929292;
      color: #929292; }
    .dark-mode .button--dark.button--secondary {
      border-color: #717184;
      color: #717184; }
    .button--dark.button--secondary:hover {
      transition: background-color .15s ease 0s, border-color .15s ease 0s; }
  .light-mode .button--dark.button--secondary:not(.button--disabled):not(:disabled):hover {
    background-color: #6c6c6c;
    color: #ffffff; }
  .dark-mode .button--dark.button--secondary:not(.button--disabled):not(:disabled):hover {
    background-color: #4e4e5b;
    color: #EEEEF3; }
  .light-mode .button--dark.button--secondary:not(.button--disabled):not(:disabled):active {
    background-color: #525252;
    border-color: #525252;
    color: #ffffff; }
  .dark-mode .button--dark.button--secondary:not(.button--disabled):not(:disabled):active {
    background-color: #36363f;
    border-color: #36363f;
    color: #EEEEF3; }
  .light-mode .button--dark.button--secondary.button--icon > svg {
    fill: #929292; }
  .dark-mode .button--dark.button--secondary.button--icon > svg {
    fill: #717184; }
  .light-mode .button--dark.button--secondary.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #ffffff; }
  .dark-mode .button--dark.button--secondary.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #EEEEF3; }

.button--neutral {
  transition: background-color .1s ease 0s, border-color .1s ease 0s; }
  .light-mode .button--neutral {
    background-color: #929292;
    color: #ffffff;
    border-color: #929292; }
  .dark-mode .button--neutral {
    background-color: #717184;
    color: #EEEEF3;
    border-color: #717184; }
  .light-mode .button--neutral > svg.icon {
    fill: #ffffff; }
  .dark-mode .button--neutral > svg.icon {
    fill: #EEEEF3; }
  .button--neutral:not(.button--disabled):not(:disabled):hover {
    transition: background-color .15s ease 0s, border-color .15s ease 0s;
    text-decoration: none; }
    .light-mode .button--neutral:not(.button--disabled):not(:disabled):hover {
      background-color: #6c6c6c;
      border-color: #6c6c6c;
      color: #ffffff; }
    .dark-mode .button--neutral:not(.button--disabled):not(:disabled):hover {
      background-color: #4e4e5b;
      border-color: #4e4e5b;
      color: #EEEEF3; }
  .light-mode .button--neutral:not(.button--disabled):not(:disabled):active {
    background-color: #525252; }
  .dark-mode .button--neutral:not(.button--disabled):not(:disabled):active {
    background-color: #36363f; }
  .light-mode .button--neutral.button.button--icon > svg {
    fill: #ffffff; }
  .dark-mode .button--neutral.button.button--icon > svg {
    fill: #EEEEF3; }
  .light-mode .button--neutral.button.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #ffffff; }
  .dark-mode .button--neutral.button.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #EEEEF3; }
  .button--neutral.button--secondary {
    background: none; }
    .light-mode .button--neutral.button--secondary {
      border-color: #929292;
      color: #929292; }
    .dark-mode .button--neutral.button--secondary {
      border-color: #717184;
      color: #717184; }
    .button--neutral.button--secondary:hover {
      transition: background-color .15s ease 0s, border-color .15s ease 0s; }
  .light-mode .button--neutral.button--secondary:not(.button--disabled):not(:disabled):hover {
    background-color: #6c6c6c;
    color: #ffffff; }
  .dark-mode .button--neutral.button--secondary:not(.button--disabled):not(:disabled):hover {
    background-color: #4e4e5b;
    color: #EEEEF3; }
  .light-mode .button--neutral.button--secondary:not(.button--disabled):not(:disabled):active {
    background-color: #525252;
    border-color: #525252;
    color: #ffffff; }
  .dark-mode .button--neutral.button--secondary:not(.button--disabled):not(:disabled):active {
    background-color: #36363f;
    border-color: #36363f;
    color: #EEEEF3; }
  .light-mode .button--neutral.button--secondary.button--icon > svg {
    fill: #929292; }
  .dark-mode .button--neutral.button--secondary.button--icon > svg {
    fill: #717184; }
  .light-mode .button--neutral.button--secondary.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #ffffff; }
  .dark-mode .button--neutral.button--secondary.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #EEEEF3; }

.button--disabled,
.button:disabled {
  opacity: 0.3;
  pointer-events: none; }
  .button--disabled:hover,
  .button:disabled:hover {
    cursor: default;
    transition: none; }

.button--small {
  padding: .3125rem .625rem;
  font-size: 1.125rem;
  line-height: 1.25rem; }

.button--icon > svg {
  width: 1rem;
  height: 1rem;
  position: relative;
  top: .125rem;
  margin-right: .5rem; }

.button--icon.button--small > svg {
  width: .875rem;
  height: .875rem;
  position: relative;
  margin-right: .3125rem; }

::-webkit-input-placeholder {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased; }
  .light-mode ::-webkit-input-placeholder {
    color: rgba(146, 146, 146, 0.6); }
  .dark-mode ::-webkit-input-placeholder {
    color: rgba(184, 184, 200, 0.6); }

.light-mode :-moz-placeholder {
  color: rgba(146, 146, 146, 0.6); }

.dark-mode :-moz-placeholder {
  color: rgba(184, 184, 200, 0.6); }

.light-mode ::-moz-placeholder {
  color: rgba(146, 146, 146, 0.6); }

.dark-mode ::-moz-placeholder {
  color: rgba(184, 184, 200, 0.6); }

.light-mode :-ms-input-placeholder {
  color: rgba(146, 146, 146, 0.6); }

.dark-mode :-ms-input-placeholder {
  color: rgba(184, 184, 200, 0.6); }

.text-input,
input,
input[type=text],
input[type=password],
input[type=email],
input[type=number],
textarea,
.textarea,
select,
.select,
.date-input {
  font-family: inherit;
  border-style: solid;
  border-width: 1px;
  font-size: 0.875rem;
  line-height: 1.5;
  padding: .55rem .75rem; }
  .light-mode .text-input, .light-mode input, .light-mode input[type=text], .light-mode input[type=password], .light-mode input[type=email], .light-mode input[type=number], .light-mode textarea, .light-mode .textarea, .light-mode select, .light-mode .select, .light-mode .date-input {
    background-color: #ffffff; }
  .dark-mode .text-input, .dark-mode input, .dark-mode input[type=text], .dark-mode input[type=password], .dark-mode input[type=email], .dark-mode input[type=number], .dark-mode textarea, .dark-mode .textarea, .dark-mode select, .dark-mode .select, .dark-mode .date-input {
    background-color: #11111c; }

select, .select {
  background-repeat: no-repeat;
  background-position: calc(100% - 1rem) center;
  background-size: .6875rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  padding-right: 2.5rem;
  cursor: pointer; }
  .light-mode select, .light-mode .select {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2712%27%20height%3D%278%27%20viewBox%3D%270%200%20488%20285%27%3E%3Cpath%20d%3D%27M483.11%2029.381l-24.449-24.485c-2.934-2.938-7.335-4.897-11.246-4.897-3.912%200-8.313%201.959-11.246%204.897l-192.168%20192.448-192.168-192.448c-2.934-2.938-7.335-4.897-11.246-4.897-4.401%200-8.313%201.959-11.246%204.897l-24.449%2024.485c-2.934%202.938-4.89%207.345-4.89%2011.263s1.956%208.325%204.89%2011.263l227.864%20228.196c2.934%202.938%207.335%204.897%2011.246%204.897%203.912%200%208.313-1.959%2011.246-4.897l227.864-228.196c2.934-2.938%204.89-7.345%204.89-11.263s-1.956-8.325-4.89-11.263z%27%20fill%3D%27%23000%27/%3E%3C/svg%3E");
    background-color: #ffffff; }
  .dark-mode select, .dark-mode .select {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%207.01%22%3E%3Ctitle%3EAsset%202%3C%2Ftitle%3E%3Cg%20id%3D%22ec081ab4-ee58-4046-8434-7edcf86828ba%22%20data-name%3D%22Layer%202%22%3E%3Cg%20id%3D%22e3178c5e-88be-423b-88f9-da4a5aa5abef%22%20data-name%3D%22Layer%201%22%3E%3Cpath%20d%3D%22M11.88.72l-.6-.6a.38.38%2C0%2C0%2C0-.55%2C0L6%2C4.85%2C1.27.12A.42.42%2C0%2C0%2C0%2C1%2C0%2C.4.4%2C0%2C0%2C0%2C.72.12l-.6.6A.42.42%2C0%2C0%2C0%2C0%2C1a.44.44%2C0%2C0%2C0%2C.12.28l5.6%2C5.61a.39.39%2C0%2C0%2C0%2C.56%2C0l5.6-5.61A.44.44%2C0%2C0%2C0%2C12%2C1a.42.42%2C0%2C0%2C0-.12-.28Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-color: #57576f; }

select::-ms-expand,
.select::-ms-expand {
  display: none; }

.select--small,
.text-input--small,
.date-input--small {
  font-size: 0.75rem;
  line-height: 1.5;
  padding: 0.3125rem .625rem; }

.select--small {
  padding-right: 2rem;
  background-position: calc(100% - 0.875rem) center;
  background-size: .5rem; }

textarea {
  resize: vertical;
  width: 100%; }

.textarea {
  min-height: 300px;
  padding: .5rem .75rem; }

.textarea--small {
  min-height: 5rem;
  padding: .375rem .625rem;
  font-size: 0.75rem;
  line-height: 1.5; }

.radio {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  .radio + label {
    cursor: pointer;
    display: block; }
    .radio + label:before {
      content: "";
      display: inline-block;
      width: .75rem;
      height: .75rem;
      margin-right: .375rem;
      position: relative;
      bottom: -1px;
      border-style: solid;
      border-width: 1px; }
      .light-mode .radio + label:before {
        background-color: #ffffff;
        border-color: #dbdbdb; }
      .dark-mode .radio + label:before {
        background-color: #11111c;
        border-color: #37374d; }
    .light-mode .radio + label:hover:before {
      border-color: #2c85c5; }
    .dark-mode .radio + label:hover:before {
      border-color: #74baff; }
    .radio + label:before {
      border-radius: 50%; }

.radio:checked + label:before {
  border-width: 4px;
  border-style: solid;
  background-color: #ffffff; }
  .light-mode .radio:checked + label:before {
    border-color: #2c85c5; }
  .dark-mode .radio:checked + label:before {
    border-color: #74baff; }

.checkbox {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  .checkbox + label {
    cursor: pointer;
    display: inline-block; }
    .checkbox + label:before {
      content: "";
      display: inline-block;
      width: .75rem;
      height: .75rem;
      margin-right: .375rem;
      position: relative;
      bottom: -1px;
      border-style: solid;
      border-width: 1px; }
      .light-mode .checkbox + label:before {
        background-color: #ffffff;
        border-color: #dbdbdb; }
      .dark-mode .checkbox + label:before {
        background-color: #11111c;
        border-color: #37374d; }
    .light-mode .checkbox + label:hover:before {
      border-color: #2c85c5; }
    .dark-mode .checkbox + label:hover:before {
      border-color: #74baff; }

.checkbox:checked + label:before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2710%27%20height%3D%2710%27%20viewBox%3D%270%200%20512%20512%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M491.185%20120.619l-42.818-42.818c-5.667-5.667-13.538-8.815-21.409-8.815-7.871%200-15.742%203.148-21.409%208.815l-206.534%20206.849-92.563-92.877c-5.667-5.667-13.538-8.815-21.409-8.815-7.871%200-15.742%203.148-21.409%208.815l-42.818%2042.818c-5.667%205.667-8.815%2013.538-8.815%2021.409%200%207.871%203.148%2015.742%208.815%2021.409l113.972%20113.972%2042.818%2042.818c5.667%205.667%2013.538%208.815%2021.409%208.815%207.871%200%2015.742-3.148%2021.409-8.815l42.818-42.818%20227.943-227.943c5.667-5.667%208.815-13.538%208.815-21.409%200-7.871-3.148-15.742-8.815-21.409z%27%20fill%3D%27%23fff%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: .5rem;
  border-style: none; }
  .light-mode .checkbox:checked + label:before {
    background-color: #2c85c5; }
  .dark-mode .checkbox:checked + label:before {
    background-color: #74baff; }

.toggle {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  .toggle + label {
    position: relative;
    cursor: pointer;
    display: inline-block; }
    .toggle + label .toggle__track {
      display: inline-block;
      margin-right: .375rem;
      border-radius: 0.5rem;
      position: relative;
      height: 1rem;
      width: 28px;
      bottom: -2px;
      border-style: solid;
      border-width: 1px; }
      .light-mode .toggle + label .toggle__track {
        background-color: #dcdcd8;
        border-color: #dbdbdb; }
      .dark-mode .toggle + label .toggle__track {
        background-color: #13131a;
        border-color: #37374d; }
      .toggle + label .toggle__track:before {
        content: "";
        display: block;
        position: absolute;
        width: 1rem;
        height: 1rem;
        border-radius: 0.5rem;
        border-style: solid;
        border-width: 1px;
        transition: all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
        background-color: #ffffff;
        left: -1px;
        right: auto;
        top: -1px; }
        .light-mode .toggle + label .toggle__track:before {
          border-color: #dbdbdb; }
        .dark-mode .toggle + label .toggle__track:before {
          border-color: #37374d; }
    .light-mode .toggle + label:hover .toggle__track:before {
      border-color: #2c85c5; }
    .dark-mode .toggle + label:hover .toggle__track:before {
      border-color: #74baff; }

.toggle:checked + label .toggle__track {
  transition: all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .light-mode .toggle:checked + label .toggle__track {
    background-color: #2c85c5;
    border-color: #2c85c5; }
  .dark-mode .toggle:checked + label .toggle__track {
    background-color: #74baff;
    border-color: #74baff; }
  .toggle:checked + label .toggle__track:before {
    left: auto;
    right: -1px;
    transition: all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
    .light-mode .toggle:checked + label .toggle__track:before {
      border-color: #256ea4; }
    .dark-mode .toggle:checked + label .toggle__track:before {
      border-color: #4ba6ff; }

.form-label {
  display: block;
  margin-bottom: 0.5rem; }

.form-label--small {
  font-size: 0.75rem;
  margin-bottom: .25rem; }

.form-label--optional {
  color: #EAEAEA;
  font-weight: 500; }

.form-label--required {
  color: #E52C34;
  font-weight: 500; }

.form-helper {
  color: #EAEAEA;
  display: block;
  margin-top: 0.5rem;
  font-size: 0.75rem; }

.form-feedback {
  display: block;
  margin-top: 0.5rem;
  font-size: 0.75rem; }

.form-fieldset--warning .form-feedback,
.form-fieldset--warning .form-label {
  color: #f78300; }

.form-fieldset--warning .text-input,
.form-fieldset--warning .select {
  border-color: #ff9115; }

.form-fieldset--success .form-feedback,
.form-fieldset--success .form-label {
  color: #00b16a; }

.form-fieldset--success .form-feedback:before {
  content: "";
  height: .875rem;
  width: .875rem;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2710%27%20height%3D%2710%27%20viewBox%3D%270%200%20512%20512%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M491.185%20120.619l-42.818-42.818c-5.667-5.667-13.538-8.815-21.409-8.815-7.871%200-15.742%203.148-21.409%208.815l-206.534%20206.849-92.563-92.877c-5.667-5.667-13.538-8.815-21.409-8.815-7.871%200-15.742%203.148-21.409%208.815l-42.818%2042.818c-5.667%205.667-8.815%2013.538-8.815%2021.409%200%207.871%203.148%2015.742%208.815%2021.409l113.972%20113.972%2042.818%2042.818c5.667%205.667%2013.538%208.815%2021.409%208.815%207.871%200%2015.742-3.148%2021.409-8.815l42.818-42.818%20227.943-227.943c5.667-5.667%208.815-13.538%208.815-21.409%200-7.871-3.148-15.742-8.815-21.409z%27%20fill%3D%27%23fff%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: .5rem;
  background-color: #00b16a;
  border-radius: 50%;
  background-position: center;
  margin-right: .375rem;
  position: relative;
  bottom: -2px; }

.form-fieldset--success .text-input,
.form-fieldset--success .select {
  border-color: #00b16a; }

.form-fieldset--error .form-feedback,
.form-fieldset--error .form-label {
  color: #E52C34; }

.form-fieldset--error .text-input,
.form-fieldset--error .select {
  border-color: #d91e18; }

.wrapper-formField {
  position: relative;
  margin-top: 2rem; }
  .wrapper-formField input[type=text], .wrapper-formField input[type=password], .wrapper-formField input[type=email] {
    width: 100%; }
  .wrapper-formField .text-input, .wrapper-formField input, .wrapper-formField input[type=text], .wrapper-formField input[type=password], .wrapper-formField input[type=email] {
    margin-bottom: 0; }
  .wrapper-formField label {
    position: absolute;
    top: -16px;
    left: 0;
    font-size: 0.6875rem;
    opacity: 0;
    -webkit-transition: top 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: top 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: top 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1); }
    .light-mode .wrapper-formField label {
      color: #929292; }
    .dark-mode .wrapper-formField label {
      color: #717184; }
  .wrapper-formField label.show {
    top: -21px;
    opacity: 1;
    -webkit-transition: top 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: top 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: top 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.wrapper-formField--button {
  margin-top: 0; }

.col {
  float: left; }

.xs-col-1 {
  width: 8.3333333333%; }

.xs-col-2 {
  width: 16.6666666667%; }

.xs-col-3 {
  width: 25%; }

.xs-col-4 {
  width: 33.3333333333%; }

.xs-col-5 {
  width: 41.6666666667%; }

.xs-col-6 {
  width: 50%; }

.xs-col-7 {
  width: 58.3333333333%; }

.xs-col-8 {
  width: 66.6666666667%; }

.xs-col-9 {
  width: 75%; }

.xs-col-10 {
  width: 83.3333333333%; }

.xs-col-11 {
  width: 91.6666666667%; }

.xs-col-12 {
  width: 100%; }

.xs-offset-0 {
  margin-left: 0 !important; }

.xs-offset-1 {
  margin-left: 8.3333333333%; }

.xs-offset-2 {
  margin-left: 16.6666666667%; }

.xs-offset-3 {
  margin-left: 25%; }

.xs-offset-4 {
  margin-left: 33.3333333333%; }

.xs-offset-5 {
  margin-left: 41.6666666667%; }

.xs-offset-6 {
  margin-left: 50%; }

.xs-offset-7 {
  margin-left: 58.3333333333%; }

.xs-offset-8 {
  margin-left: 66.6666666667%; }

.xs-offset-9 {
  margin-left: 75%; }

.xs-offset-10 {
  margin-left: 83.3333333333%; }

.xs-offset-11 {
  margin-left: 91.6666666667%; }

@media (min-width: 768px) {
  .sm-col-1 {
    width: 8.3333333333%; }
  .sm-col-2 {
    width: 16.6666666667%; }
  .sm-col-3 {
    width: 25%; }
  .sm-col-4 {
    width: 33.3333333333%; }
  .sm-col-5 {
    width: 41.6666666667%; }
  .sm-col-6 {
    width: 50%; }
  .sm-col-7 {
    width: 58.3333333333%; }
  .sm-col-8 {
    width: 66.6666666667%; }
  .sm-col-9 {
    width: 75%; }
  .sm-col-10 {
    width: 83.3333333333%; }
  .sm-col-11 {
    width: 91.6666666667%; }
  .sm-col-12 {
    width: 100%; }
  .sm-offset-0 {
    margin-left: 0 !important; }
  .sm-offset-1 {
    margin-left: 8.3333333333%; }
  .sm-offset-2 {
    margin-left: 16.6666666667%; }
  .sm-offset-3 {
    margin-left: 25%; }
  .sm-offset-4 {
    margin-left: 33.3333333333%; }
  .sm-offset-5 {
    margin-left: 41.6666666667%; }
  .sm-offset-6 {
    margin-left: 50%; }
  .sm-offset-7 {
    margin-left: 58.3333333333%; }
  .sm-offset-8 {
    margin-left: 66.6666666667%; }
  .sm-offset-9 {
    margin-left: 75%; }
  .sm-offset-10 {
    margin-left: 83.3333333333%; }
  .sm-offset-11 {
    margin-left: 91.6666666667%; } }

@media (min-width: 1050px) {
  .md-col-1 {
    width: 8.3333333333%; }
  .md-col-2 {
    width: 16.6666666667%; }
  .md-col-3 {
    width: 25%; }
  .md-col-4 {
    width: 33.3333333333%; }
  .md-col-5 {
    width: 41.6666666667%; }
  .md-col-6 {
    width: 50%; }
  .md-col-7 {
    width: 58.3333333333%; }
  .md-col-8 {
    width: 66.6666666667%; }
  .md-col-9 {
    width: 75%; }
  .md-col-10 {
    width: 83.3333333333%; }
  .md-col-11 {
    width: 91.6666666667%; }
  .md-col-12 {
    width: 100%; }
  .md-offset-0 {
    margin-left: 0 !important; }
  .md-offset-1 {
    margin-left: 8.3333333333%; }
  .md-offset-2 {
    margin-left: 16.6666666667%; }
  .md-offset-3 {
    margin-left: 25%; }
  .md-offset-4 {
    margin-left: 33.3333333333%; }
  .md-offset-5 {
    margin-left: 41.6666666667%; }
  .md-offset-6 {
    margin-left: 50%; }
  .md-offset-7 {
    margin-left: 58.3333333333%; }
  .md-offset-8 {
    margin-left: 66.6666666667%; }
  .md-offset-9 {
    margin-left: 75%; }
  .md-offset-10 {
    margin-left: 83.3333333333%; }
  .md-offset-11 {
    margin-left: 91.6666666667%; } }

@media (min-width: 1536px) {
  .lg-col-1 {
    width: 8.3333333333%; }
  .lg-col-2 {
    width: 16.6666666667%; }
  .lg-col-3 {
    width: 25%; }
  .lg-col-4 {
    width: 33.3333333333%; }
  .lg-col-5 {
    width: 41.6666666667%; }
  .lg-col-6 {
    width: 50%; }
  .lg-col-7 {
    width: 58.3333333333%; }
  .lg-col-8 {
    width: 66.6666666667%; }
  .lg-col-9 {
    width: 75%; }
  .lg-col-10 {
    width: 83.3333333333%; }
  .lg-col-11 {
    width: 91.6666666667%; }
  .lg-col-12 {
    width: 100%; }
  .lg-offset-0 {
    margin-left: 0 !important; }
  .lg-offset-1 {
    margin-left: 8.3333333333%; }
  .lg-offset-2 {
    margin-left: 16.6666666667%; }
  .lg-offset-3 {
    margin-left: 25%; }
  .lg-offset-4 {
    margin-left: 33.3333333333%; }
  .lg-offset-5 {
    margin-left: 41.6666666667%; }
  .lg-offset-6 {
    margin-left: 50%; }
  .lg-offset-7 {
    margin-left: 58.3333333333%; }
  .lg-offset-8 {
    margin-left: 66.6666666667%; }
  .lg-offset-9 {
    margin-left: 75%; }
  .lg-offset-10 {
    margin-left: 83.3333333333%; }
  .lg-offset-11 {
    margin-left: 91.6666666667%; } }

@media (min-width: 2600px) {
  .xl-col-1 {
    width: 8.3333333333%; }
  .xl-col-2 {
    width: 16.6666666667%; }
  .xl-col-3 {
    width: 25%; }
  .xl-col-4 {
    width: 33.3333333333%; }
  .xl-col-5 {
    width: 41.6666666667%; }
  .xl-col-6 {
    width: 50%; }
  .xl-col-7 {
    width: 58.3333333333%; }
  .xl-col-8 {
    width: 66.6666666667%; }
  .xl-col-9 {
    width: 75%; }
  .xl-col-10 {
    width: 83.3333333333%; }
  .xl-col-11 {
    width: 91.6666666667%; }
  .xl-col-12 {
    width: 100%; }
  .xl-offset-0 {
    margin-left: 0 !important; }
  .xl-offset-1 {
    margin-left: 8.3333333333%; }
  .xl-offset-2 {
    margin-left: 16.6666666667%; }
  .xl-offset-3 {
    margin-left: 25%; }
  .xl-offset-4 {
    margin-left: 33.3333333333%; }
  .xl-offset-5 {
    margin-left: 41.6666666667%; }
  .xl-offset-6 {
    margin-left: 50%; }
  .xl-offset-7 {
    margin-left: 58.3333333333%; }
  .xl-offset-8 {
    margin-left: 66.6666666667%; }
  .xl-offset-9 {
    margin-left: 75%; }
  .xl-offset-10 {
    margin-left: 83.3333333333%; }
  .xl-offset-11 {
    margin-left: 91.6666666667%; } }

.gutters {
  margin: 0 -0.5rem !important; }
  .gutters > .col {
    padding: 0 0.5rem !important; }

.table-border {
  border: 1px solid #a1a1a1; }
  .table-border th {
    border-bottom: 1px solid #a1a1a1; }
  .table-border tr td {
    border-bottom: 1px solid #a1a1a1; }
  .table-border tr:last-child td {
    border-bottom: 0; }

.table-border td,
.table-border th {
  padding: 1rem; }

.table {
  border-collapse: separate;
  border-spacing: 0;
  display: table; }

.td,
.th {
  display: table-cell; }

.tr {
  display: table-row; }

.xs-text-1 {
  font-size: 3rem;
  line-height: 1.5; }

.xs-text-2 {
  font-size: 2rem;
  line-height: 1.5; }

.xs-text-3 {
  font-size: 1.5rem;
  line-height: 1.5; }

.xs-text-4 {
  font-size: 1.25rem;
  line-height: 1.5; }

.xs-text-5 {
  font-size: 1.125rem;
  line-height: 1.5; }

.xs-text-6 {
  font-size: 1rem;
  line-height: 1.5; }

.xs-text-7 {
  font-size: 0.875rem;
  line-height: 1.5; }

.xs-text-8 {
  font-size: 0.75rem;
  line-height: 1.5; }

.xs-text-9 {
  font-size: 0.6875rem;
  line-height: 1.5; }

.xs-text-10 {
  font-size: 0.625rem;
  line-height: 1.5; }

@media (min-width: 768px) {
  .sm-text-1 {
    font-size: 3rem;
    line-height: 1.5; }
  .sm-text-2 {
    font-size: 2rem;
    line-height: 1.5; }
  .sm-text-3 {
    font-size: 1.5rem;
    line-height: 1.5; }
  .sm-text-4 {
    font-size: 1.25rem;
    line-height: 1.5; }
  .sm-text-5 {
    font-size: 1.125rem;
    line-height: 1.5; }
  .sm-text-6 {
    font-size: 1rem;
    line-height: 1.5; }
  .sm-text-7 {
    font-size: 0.875rem;
    line-height: 1.5; }
  .sm-text-8 {
    font-size: 0.75rem;
    line-height: 1.5; }
  .sm-text-9 {
    font-size: 0.6875rem;
    line-height: 1.5; }
  .sm-text-10 {
    font-size: 0.625rem;
    line-height: 1.5; } }

@media (min-width: 1050px) {
  .md-text-1 {
    font-size: 3rem;
    line-height: 1.5; }
  .md-text-2 {
    font-size: 2rem;
    line-height: 1.5; }
  .md-text-3 {
    font-size: 1.5rem;
    line-height: 1.5; }
  .md-text-4 {
    font-size: 1.25rem;
    line-height: 1.5; }
  .md-text-5 {
    font-size: 1.125rem;
    line-height: 1.5; }
  .md-text-6 {
    font-size: 1rem;
    line-height: 1.5; }
  .md-text-7 {
    font-size: 0.875rem;
    line-height: 1.5; }
  .md-text-8 {
    font-size: 0.75rem;
    line-height: 1.5; }
  .md-text-9 {
    font-size: 0.6875rem;
    line-height: 1.5; }
  .md-text-10 {
    font-size: 0.625rem;
    line-height: 1.5; } }

@media (min-width: 1536px) {
  .lg-text-1 {
    font-size: 3rem;
    line-height: 1.5; }
  .lg-text-2 {
    font-size: 2rem;
    line-height: 1.5; }
  .lg-text-3 {
    font-size: 1.5rem;
    line-height: 1.5; }
  .lg-text-4 {
    font-size: 1.25rem;
    line-height: 1.5; }
  .lg-text-5 {
    font-size: 1.125rem;
    line-height: 1.5; }
  .lg-text-6 {
    font-size: 1rem;
    line-height: 1.5; }
  .lg-text-7 {
    font-size: 0.875rem;
    line-height: 1.5; }
  .lg-text-8 {
    font-size: 0.75rem;
    line-height: 1.5; }
  .lg-text-9 {
    font-size: 0.6875rem;
    line-height: 1.5; }
  .lg-text-10 {
    font-size: 0.625rem;
    line-height: 1.5; } }

@media (min-width: 2600px) {
  .xl-text-1 {
    font-size: 3rem;
    line-height: 1.5; }
  .xl-text-2 {
    font-size: 2rem;
    line-height: 1.5; }
  .xl-text-3 {
    font-size: 1.5rem;
    line-height: 1.5; }
  .xl-text-4 {
    font-size: 1.25rem;
    line-height: 1.5; }
  .xl-text-5 {
    font-size: 1.125rem;
    line-height: 1.5; }
  .xl-text-6 {
    font-size: 1rem;
    line-height: 1.5; }
  .xl-text-7 {
    font-size: 0.875rem;
    line-height: 1.5; }
  .xl-text-8 {
    font-size: 0.75rem;
    line-height: 1.5; }
  .xl-text-9 {
    font-size: 0.6875rem;
    line-height: 1.5; }
  .xl-text-10 {
    font-size: 0.625rem;
    line-height: 1.5; } }

.regular,
.normal {
  font-weight: 500; }

.light {
  font-weight: 300; }

.bold {
  font-weight: 700; }

.italic {
  font-style: italic; }

.caps {
  text-transform: uppercase; }

.xs-text-left {
  text-align: left; }

.xs-text-center {
  text-align: center; }

.xs-text-right {
  text-align: right; }

.xs-text-justify {
  text-align: justify; }

@media (min-width: 768px) {
  .sm-text-left {
    text-align: left; }
  .sm-text-center {
    text-align: center; }
  .sm-text-right {
    text-align: right; }
  .sm-text-justify {
    text-align: justify; } }

@media (min-width: 1050px) {
  .md-text-left {
    text-align: left; }
  .md-text-center {
    text-align: center; }
  .md-text-right {
    text-align: right; }
  .md-text-justify {
    text-align: justify; } }

@media (min-width: 1536px) {
  .lg-text-left {
    text-align: left; }
  .lg-text-center {
    text-align: center; }
  .lg-text-right {
    text-align: right; }
  .lg-text-justify {
    text-align: justify; } }

@media (min-width: 2600px) {
  .xl-text-left {
    text-align: left; }
  .xl-text-center {
    text-align: center; }
  .xl-text-right {
    text-align: right; }
  .xl-text-justify {
    text-align: justify; } }

.nowrap {
  white-space: nowrap; }

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.decoration-none {
  text-decoration: none; }

.decoration-underline {
  text-decoration: underline; }

.decoration-line-through {
  text-decoration: line-through; }

.serif {
  font-family: Georgia, Times, serif;
  -webkit-font-feature-settings: "liga", "kern";
  font-feature-settings: "liga", "kern"; }
  .serif.bold {
    font-family: Georgia, Times, serif;
    font-weight: 700; }
  .serif.italic {
    font-family: Georgia, Times, serif; }

.list-unstyled {
  margin-left: 0;
  padding-left: 0;
  list-style: none; }

.light-mode a {
  color: #2c85c5; }

.dark-mode a {
  color: #74baff; }

.light-mode a:hover {
  color: #1e5b86; }

.dark-mode a:hover {
  color: #daedff; }

.link-text {
  color: #2c85c5; }
  .link-text:hover {
    color: #194d72; }

.link-neutral {
  color: #6c6c6c; }
  .link-neutral:hover {
    color: #2c85c5; }

.link-neutral--darker {
  color: #191b2b; }
  .link-neutral--darker:hover {
    color: #2c85c5; }

.link-facebook {
  color: #3b5998; }
  .link-facebook:hover {
    color: #1e2e4f; }

.link-twitter {
  color: #55acee; }
  .link-twitter:hover {
    color: #147bc9; }

.link-google {
  color: #dd4b39; }
  .link-google:hover {
    color: #96271a; }

.link-linkedin {
  color: #0077b5; }
  .link-linkedin:hover {
    color: #00344f; }

.link-pinterest {
  color: #bd081c; }
  .link-pinterest:hover {
    color: #5b040e; }

.link-reddit {
  color: #FC4217; }
  .link-reddit:hover {
    color: #ab2202; }

.link-youtube {
  color: #cd201f; }
  .link-youtube:hover {
    color: #741212; }

.link-instagram {
  color: #517fa4; }
  .link-instagram:hover {
    color: #2f4a60; }

.xs-overflow-hidden {
  overflow: hidden; }

.xs-overflow-auto {
  overflow: auto; }

.xs-overflow-scroll {
  overflow: scroll; }

.xs-overflow-visible {
  overflow: visible; }

.xs-hide {
  display: none; }

.xs-inline {
  display: inline; }

.xs-block {
  display: block; }

.xs-inline-block {
  display: inline-block; }

.xs-float-left {
  float: left; }

.xs-float-right {
  float: right; }

.xs-float-none {
  float: none; }

.xs-fit {
  max-width: 100%; }

.xs-full-height {
  height: 100%; }

.xs-width-auto {
  width: auto; }

@media (min-width: 768px) {
  .sm-overflow-hidden {
    overflow: hidden; }
  .sm-overflow-auto {
    overflow: auto; }
  .sm-overflow-scroll {
    overflow: scroll; }
  .sm-overflow-visible {
    overflow: visible; }
  .sm-hide {
    display: none; }
  .sm-inline {
    display: inline; }
  .sm-block {
    display: block; }
  .sm-inline-block {
    display: inline-block; }
  .sm-float-left {
    float: left; }
  .sm-float-right {
    float: right; }
  .sm-float-none {
    float: none; }
  .sm-fit {
    max-width: 100%; }
  .sm-full-height {
    height: 100%; }
  .sm-width-auto {
    width: auto; } }

@media (min-width: 1050px) {
  .md-overflow-hidden {
    overflow: hidden; }
  .md-overflow-auto {
    overflow: auto; }
  .md-overflow-scroll {
    overflow: scroll; }
  .md-overflow-visible {
    overflow: visible; }
  .md-hide {
    display: none; }
  .md-inline {
    display: inline; }
  .md-block {
    display: block; }
  .md-inline-block {
    display: inline-block; }
  .md-float-left {
    float: left; }
  .md-float-right {
    float: right; }
  .md-float-none {
    float: none; }
  .md-fit {
    max-width: 100%; }
  .md-full-height {
    height: 100%; }
  .md-width-auto {
    width: auto; } }

@media (min-width: 1536px) {
  .lg-overflow-hidden {
    overflow: hidden; }
  .lg-overflow-auto {
    overflow: auto; }
  .lg-overflow-scroll {
    overflow: scroll; }
  .lg-overflow-visible {
    overflow: visible; }
  .lg-hide {
    display: none; }
  .lg-inline {
    display: inline; }
  .lg-block {
    display: block; }
  .lg-inline-block {
    display: inline-block; }
  .lg-float-left {
    float: left; }
  .lg-float-right {
    float: right; }
  .lg-float-none {
    float: none; }
  .lg-fit {
    max-width: 100%; }
  .lg-full-height {
    height: 100%; }
  .lg-width-auto {
    width: auto; } }

@media (min-width: 2600px) {
  .xl-overflow-hidden {
    overflow: hidden; }
  .xl-overflow-auto {
    overflow: auto; }
  .xl-overflow-scroll {
    overflow: scroll; }
  .xl-overflow-visible {
    overflow: visible; }
  .xl-hide {
    display: none; }
  .xl-inline {
    display: inline; }
  .xl-block {
    display: block; }
  .xl-inline-block {
    display: inline-block; }
  .xl-float-left {
    float: left; }
  .xl-float-right {
    float: right; }
  .xl-float-none {
    float: none; }
  .xl-fit {
    max-width: 100%; }
  .xl-full-height {
    height: 100%; }
  .xl-width-auto {
    width: auto; } }

.xs-m0 {
  margin: 0; }

.xs-mt0 {
  margin-top: 0; }

.xs-mr0 {
  margin-right: 0; }

.xs-mb0 {
  margin-bottom: 0; }

.xs-ml0 {
  margin-left: 0; }

.xs-mx0 {
  margin-left: 0;
  margin-right: 0; }

.xs-my0 {
  margin-top: 0;
  margin-bottom: 0; }

.xs-m1 {
  margin: 0.5rem; }

.xs-mt1 {
  margin-top: 0.5rem; }

.xs-mr1 {
  margin-right: 0.5rem; }

.xs-mb1 {
  margin-bottom: 0.5rem; }

.xs-ml1 {
  margin-left: 0.5rem; }

.xs-mx1 {
  margin-left: 0.5rem;
  margin-right: 0.5rem; }

.xs-my1 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem; }

.xs-m2 {
  margin: 1rem; }

.xs-mt2 {
  margin-top: 1rem; }

.xs-mr2 {
  margin-right: 1rem; }

.xs-mb2 {
  margin-bottom: 1rem; }

.xs-ml2 {
  margin-left: 1rem; }

.xs-mx2 {
  margin-left: 1rem;
  margin-right: 1rem; }

.xs-my2 {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.xs-m3 {
  margin: 1.5rem; }

.xs-mt3 {
  margin-top: 1.5rem; }

.xs-mr3 {
  margin-right: 1.5rem; }

.xs-mb3 {
  margin-bottom: 1.5rem; }

.xs-ml3 {
  margin-left: 1.5rem; }

.xs-mx3 {
  margin-left: 1.5rem;
  margin-right: 1.5rem; }

.xs-my3 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }

.xs-m4 {
  margin: 2rem; }

.xs-mt4 {
  margin-top: 2rem; }

.xs-mr4 {
  margin-right: 2rem; }

.xs-mb4 {
  margin-bottom: 2rem; }

.xs-ml4 {
  margin-left: 2rem; }

.xs-mx4 {
  margin-left: 2rem;
  margin-right: 2rem; }

.xs-my4 {
  margin-top: 2rem;
  margin-bottom: 2rem; }

.xs-m5 {
  margin: 2.5rem; }

.xs-mt5 {
  margin-top: 2.5rem; }

.xs-mr5 {
  margin-right: 2.5rem; }

.xs-mb5 {
  margin-bottom: 2.5rem; }

.xs-ml5 {
  margin-left: 2.5rem; }

.xs-mx5 {
  margin-left: 2.5rem;
  margin-right: 2.5rem; }

.xs-my5 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem; }

.xs-m6 {
  margin: 3rem; }

.xs-mt6 {
  margin-top: 3rem; }

.xs-mr6 {
  margin-right: 3rem; }

.xs-mb6 {
  margin-bottom: 3rem; }

.xs-ml6 {
  margin-left: 3rem; }

.xs-mx6 {
  margin-left: 3rem;
  margin-right: 3rem; }

.xs-my6 {
  margin-top: 3rem;
  margin-bottom: 3rem; }

.xs-mx-auto {
  margin-left: auto;
  margin-right: auto; }

@media (min-width: 768px) {
  .sm-m0 {
    margin: 0; }
  .sm-mt0 {
    margin-top: 0; }
  .sm-mr0 {
    margin-right: 0; }
  .sm-mb0 {
    margin-bottom: 0; }
  .sm-ml0 {
    margin-left: 0; }
  .sm-mx0 {
    margin-left: 0;
    margin-right: 0; }
  .sm-my0 {
    margin-top: 0;
    margin-bottom: 0; }
  .sm-m1 {
    margin: 0.5rem; }
  .sm-mt1 {
    margin-top: 0.5rem; }
  .sm-mr1 {
    margin-right: 0.5rem; }
  .sm-mb1 {
    margin-bottom: 0.5rem; }
  .sm-ml1 {
    margin-left: 0.5rem; }
  .sm-mx1 {
    margin-left: 0.5rem;
    margin-right: 0.5rem; }
  .sm-my1 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem; }
  .sm-m2 {
    margin: 1rem; }
  .sm-mt2 {
    margin-top: 1rem; }
  .sm-mr2 {
    margin-right: 1rem; }
  .sm-mb2 {
    margin-bottom: 1rem; }
  .sm-ml2 {
    margin-left: 1rem; }
  .sm-mx2 {
    margin-left: 1rem;
    margin-right: 1rem; }
  .sm-my2 {
    margin-top: 1rem;
    margin-bottom: 1rem; }
  .sm-m3 {
    margin: 1.5rem; }
  .sm-mt3 {
    margin-top: 1.5rem; }
  .sm-mr3 {
    margin-right: 1.5rem; }
  .sm-mb3 {
    margin-bottom: 1.5rem; }
  .sm-ml3 {
    margin-left: 1.5rem; }
  .sm-mx3 {
    margin-left: 1.5rem;
    margin-right: 1.5rem; }
  .sm-my3 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem; }
  .sm-m4 {
    margin: 2rem; }
  .sm-mt4 {
    margin-top: 2rem; }
  .sm-mr4 {
    margin-right: 2rem; }
  .sm-mb4 {
    margin-bottom: 2rem; }
  .sm-ml4 {
    margin-left: 2rem; }
  .sm-mx4 {
    margin-left: 2rem;
    margin-right: 2rem; }
  .sm-my4 {
    margin-top: 2rem;
    margin-bottom: 2rem; }
  .sm-m5 {
    margin: 2.5rem; }
  .sm-mt5 {
    margin-top: 2.5rem; }
  .sm-mr5 {
    margin-right: 2.5rem; }
  .sm-mb5 {
    margin-bottom: 2.5rem; }
  .sm-ml5 {
    margin-left: 2.5rem; }
  .sm-mx5 {
    margin-left: 2.5rem;
    margin-right: 2.5rem; }
  .sm-my5 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem; }
  .sm-m6 {
    margin: 3rem; }
  .sm-mt6 {
    margin-top: 3rem; }
  .sm-mr6 {
    margin-right: 3rem; }
  .sm-mb6 {
    margin-bottom: 3rem; }
  .sm-ml6 {
    margin-left: 3rem; }
  .sm-mx6 {
    margin-left: 3rem;
    margin-right: 3rem; }
  .sm-my6 {
    margin-top: 3rem;
    margin-bottom: 3rem; }
  .sm-mx-auto {
    margin-left: auto;
    margin-right: auto; } }

@media (min-width: 1050px) {
  .md-m0 {
    margin: 0; }
  .md-mt0 {
    margin-top: 0; }
  .md-mr0 {
    margin-right: 0; }
  .md-mb0 {
    margin-bottom: 0; }
  .md-ml0 {
    margin-left: 0; }
  .md-mx0 {
    margin-left: 0;
    margin-right: 0; }
  .md-my0 {
    margin-top: 0;
    margin-bottom: 0; }
  .md-m1 {
    margin: 0.5rem; }
  .md-mt1 {
    margin-top: 0.5rem; }
  .md-mr1 {
    margin-right: 0.5rem; }
  .md-mb1 {
    margin-bottom: 0.5rem; }
  .md-ml1 {
    margin-left: 0.5rem; }
  .md-mx1 {
    margin-left: 0.5rem;
    margin-right: 0.5rem; }
  .md-my1 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem; }
  .md-m2 {
    margin: 1rem; }
  .md-mt2 {
    margin-top: 1rem; }
  .md-mr2 {
    margin-right: 1rem; }
  .md-mb2 {
    margin-bottom: 1rem; }
  .md-ml2 {
    margin-left: 1rem; }
  .md-mx2 {
    margin-left: 1rem;
    margin-right: 1rem; }
  .md-my2 {
    margin-top: 1rem;
    margin-bottom: 1rem; }
  .md-m3 {
    margin: 1.5rem; }
  .md-mt3 {
    margin-top: 1.5rem; }
  .md-mr3 {
    margin-right: 1.5rem; }
  .md-mb3 {
    margin-bottom: 1.5rem; }
  .md-ml3 {
    margin-left: 1.5rem; }
  .md-mx3 {
    margin-left: 1.5rem;
    margin-right: 1.5rem; }
  .md-my3 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem; }
  .md-m4 {
    margin: 2rem; }
  .md-mt4 {
    margin-top: 2rem; }
  .md-mr4 {
    margin-right: 2rem; }
  .md-mb4 {
    margin-bottom: 2rem; }
  .md-ml4 {
    margin-left: 2rem; }
  .md-mx4 {
    margin-left: 2rem;
    margin-right: 2rem; }
  .md-my4 {
    margin-top: 2rem;
    margin-bottom: 2rem; }
  .md-m5 {
    margin: 2.5rem; }
  .md-mt5 {
    margin-top: 2.5rem; }
  .md-mr5 {
    margin-right: 2.5rem; }
  .md-mb5 {
    margin-bottom: 2.5rem; }
  .md-ml5 {
    margin-left: 2.5rem; }
  .md-mx5 {
    margin-left: 2.5rem;
    margin-right: 2.5rem; }
  .md-my5 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem; }
  .md-m6 {
    margin: 3rem; }
  .md-mt6 {
    margin-top: 3rem; }
  .md-mr6 {
    margin-right: 3rem; }
  .md-mb6 {
    margin-bottom: 3rem; }
  .md-ml6 {
    margin-left: 3rem; }
  .md-mx6 {
    margin-left: 3rem;
    margin-right: 3rem; }
  .md-my6 {
    margin-top: 3rem;
    margin-bottom: 3rem; }
  .md-mx-auto {
    margin-left: auto;
    margin-right: auto; } }

@media (min-width: 1536px) {
  .lg-m0 {
    margin: 0; }
  .lg-mt0 {
    margin-top: 0; }
  .lg-mr0 {
    margin-right: 0; }
  .lg-mb0 {
    margin-bottom: 0; }
  .lg-ml0 {
    margin-left: 0; }
  .lg-mx0 {
    margin-left: 0;
    margin-right: 0; }
  .lg-my0 {
    margin-top: 0;
    margin-bottom: 0; }
  .lg-m1 {
    margin: 0.5rem; }
  .lg-mt1 {
    margin-top: 0.5rem; }
  .lg-mr1 {
    margin-right: 0.5rem; }
  .lg-mb1 {
    margin-bottom: 0.5rem; }
  .lg-ml1 {
    margin-left: 0.5rem; }
  .lg-mx1 {
    margin-left: 0.5rem;
    margin-right: 0.5rem; }
  .lg-my1 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem; }
  .lg-m2 {
    margin: 1rem; }
  .lg-mt2 {
    margin-top: 1rem; }
  .lg-mr2 {
    margin-right: 1rem; }
  .lg-mb2 {
    margin-bottom: 1rem; }
  .lg-ml2 {
    margin-left: 1rem; }
  .lg-mx2 {
    margin-left: 1rem;
    margin-right: 1rem; }
  .lg-my2 {
    margin-top: 1rem;
    margin-bottom: 1rem; }
  .lg-m3 {
    margin: 1.5rem; }
  .lg-mt3 {
    margin-top: 1.5rem; }
  .lg-mr3 {
    margin-right: 1.5rem; }
  .lg-mb3 {
    margin-bottom: 1.5rem; }
  .lg-ml3 {
    margin-left: 1.5rem; }
  .lg-mx3 {
    margin-left: 1.5rem;
    margin-right: 1.5rem; }
  .lg-my3 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem; }
  .lg-m4 {
    margin: 2rem; }
  .lg-mt4 {
    margin-top: 2rem; }
  .lg-mr4 {
    margin-right: 2rem; }
  .lg-mb4 {
    margin-bottom: 2rem; }
  .lg-ml4 {
    margin-left: 2rem; }
  .lg-mx4 {
    margin-left: 2rem;
    margin-right: 2rem; }
  .lg-my4 {
    margin-top: 2rem;
    margin-bottom: 2rem; }
  .lg-m5 {
    margin: 2.5rem; }
  .lg-mt5 {
    margin-top: 2.5rem; }
  .lg-mr5 {
    margin-right: 2.5rem; }
  .lg-mb5 {
    margin-bottom: 2.5rem; }
  .lg-ml5 {
    margin-left: 2.5rem; }
  .lg-mx5 {
    margin-left: 2.5rem;
    margin-right: 2.5rem; }
  .lg-my5 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem; }
  .lg-m6 {
    margin: 3rem; }
  .lg-mt6 {
    margin-top: 3rem; }
  .lg-mr6 {
    margin-right: 3rem; }
  .lg-mb6 {
    margin-bottom: 3rem; }
  .lg-ml6 {
    margin-left: 3rem; }
  .lg-mx6 {
    margin-left: 3rem;
    margin-right: 3rem; }
  .lg-my6 {
    margin-top: 3rem;
    margin-bottom: 3rem; }
  .lg-mx-auto {
    margin-left: auto;
    margin-right: auto; } }

@media (min-width: 2600px) {
  .xl-m0 {
    margin: 0; }
  .xl-mt0 {
    margin-top: 0; }
  .xl-mr0 {
    margin-right: 0; }
  .xl-mb0 {
    margin-bottom: 0; }
  .xl-ml0 {
    margin-left: 0; }
  .xl-mx0 {
    margin-left: 0;
    margin-right: 0; }
  .xl-my0 {
    margin-top: 0;
    margin-bottom: 0; }
  .xl-m1 {
    margin: 0.5rem; }
  .xl-mt1 {
    margin-top: 0.5rem; }
  .xl-mr1 {
    margin-right: 0.5rem; }
  .xl-mb1 {
    margin-bottom: 0.5rem; }
  .xl-ml1 {
    margin-left: 0.5rem; }
  .xl-mx1 {
    margin-left: 0.5rem;
    margin-right: 0.5rem; }
  .xl-my1 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem; }
  .xl-m2 {
    margin: 1rem; }
  .xl-mt2 {
    margin-top: 1rem; }
  .xl-mr2 {
    margin-right: 1rem; }
  .xl-mb2 {
    margin-bottom: 1rem; }
  .xl-ml2 {
    margin-left: 1rem; }
  .xl-mx2 {
    margin-left: 1rem;
    margin-right: 1rem; }
  .xl-my2 {
    margin-top: 1rem;
    margin-bottom: 1rem; }
  .xl-m3 {
    margin: 1.5rem; }
  .xl-mt3 {
    margin-top: 1.5rem; }
  .xl-mr3 {
    margin-right: 1.5rem; }
  .xl-mb3 {
    margin-bottom: 1.5rem; }
  .xl-ml3 {
    margin-left: 1.5rem; }
  .xl-mx3 {
    margin-left: 1.5rem;
    margin-right: 1.5rem; }
  .xl-my3 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem; }
  .xl-m4 {
    margin: 2rem; }
  .xl-mt4 {
    margin-top: 2rem; }
  .xl-mr4 {
    margin-right: 2rem; }
  .xl-mb4 {
    margin-bottom: 2rem; }
  .xl-ml4 {
    margin-left: 2rem; }
  .xl-mx4 {
    margin-left: 2rem;
    margin-right: 2rem; }
  .xl-my4 {
    margin-top: 2rem;
    margin-bottom: 2rem; }
  .xl-m5 {
    margin: 2.5rem; }
  .xl-mt5 {
    margin-top: 2.5rem; }
  .xl-mr5 {
    margin-right: 2.5rem; }
  .xl-mb5 {
    margin-bottom: 2.5rem; }
  .xl-ml5 {
    margin-left: 2.5rem; }
  .xl-mx5 {
    margin-left: 2.5rem;
    margin-right: 2.5rem; }
  .xl-my5 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem; }
  .xl-m6 {
    margin: 3rem; }
  .xl-mt6 {
    margin-top: 3rem; }
  .xl-mr6 {
    margin-right: 3rem; }
  .xl-mb6 {
    margin-bottom: 3rem; }
  .xl-ml6 {
    margin-left: 3rem; }
  .xl-mx6 {
    margin-left: 3rem;
    margin-right: 3rem; }
  .xl-my6 {
    margin-top: 3rem;
    margin-bottom: 3rem; }
  .xl-mx-auto {
    margin-left: auto;
    margin-right: auto; } }

.xs-neg-t0 {
  top: 0; }

.xs-neg-r0 {
  right: 0; }

.xs-neg-b0 {
  bottom: 0; }

.xs-neg-l0 {
  left: 0; }

.xs-neg-t1 {
  top: -0.5rem; }

.xs-neg-r1 {
  right: -0.5rem; }

.xs-neg-b1 {
  bottom: -0.5rem; }

.xs-neg-l1 {
  left: -0.5rem; }

.xs-neg-t2 {
  top: -1rem; }

.xs-neg-r2 {
  right: -1rem; }

.xs-neg-b2 {
  bottom: -1rem; }

.xs-neg-l2 {
  left: -1rem; }

.xs-neg-t3 {
  top: -1.5rem; }

.xs-neg-r3 {
  right: -1.5rem; }

.xs-neg-b3 {
  bottom: -1.5rem; }

.xs-neg-l3 {
  left: -1.5rem; }

.xs-neg-t4 {
  top: -2rem; }

.xs-neg-r4 {
  right: -2rem; }

.xs-neg-b4 {
  bottom: -2rem; }

.xs-neg-l4 {
  left: -2rem; }

.xs-neg-t5 {
  top: -2.5rem; }

.xs-neg-r5 {
  right: -2.5rem; }

.xs-neg-b5 {
  bottom: -2.5rem; }

.xs-neg-l5 {
  left: -2.5rem; }

.xs-neg-t6 {
  top: -3rem; }

.xs-neg-r6 {
  right: -3rem; }

.xs-neg-b6 {
  bottom: -3rem; }

.xs-neg-l6 {
  left: -3rem; }

.xs-neg-t7 {
  top: -6.25rem; }

.xs-neg-r7 {
  right: -6.25rem; }

.xs-neg-b7 {
  bottom: -6.25rem; }

.xs-neg-l7 {
  left: -6.25rem; }

.xs-neg-t8 {
  top: -9.375rem; }

.xs-neg-r8 {
  right: -9.375rem; }

.xs-neg-b8 {
  bottom: -9.375rem; }

.xs-neg-l8 {
  left: -9.375rem; }

.xs-neg-t9 {
  top: -12.5rem; }

.xs-neg-r9 {
  right: -12.5rem; }

.xs-neg-b9 {
  bottom: -12.5rem; }

.xs-neg-l9 {
  left: -12.5rem; }

.xs-neg-t10 {
  top: -15.63rem; }

.xs-neg-r10 {
  right: -15.63rem; }

.xs-neg-b10 {
  bottom: -15.63rem; }

.xs-neg-l10 {
  left: -15.63rem; }

@media (min-width: 768px) {
  .sm-neg-t0 {
    top: 0; }
  .sm-neg-r0 {
    right: 0; }
  .sm-neg-b0 {
    bottom: 0; }
  .sm-neg-l0 {
    left: 0; }
  .sm-neg-t1 {
    top: -0.5rem; }
  .sm-neg-r1 {
    right: -0.5rem; }
  .sm-neg-b1 {
    bottom: -0.5rem; }
  .sm-neg-l1 {
    left: -0.5rem; }
  .sm-neg-t2 {
    top: -1rem; }
  .sm-neg-r2 {
    right: -1rem; }
  .sm-neg-b2 {
    bottom: -1rem; }
  .sm-neg-l2 {
    left: -1rem; }
  .sm-neg-t3 {
    top: -1.5rem; }
  .sm-neg-r3 {
    right: -1.5rem; }
  .sm-neg-b3 {
    bottom: -1.5rem; }
  .sm-neg-l3 {
    left: -1.5rem; }
  .sm-neg-t4 {
    top: -2rem; }
  .sm-neg-r4 {
    right: -2rem; }
  .sm-neg-b4 {
    bottom: -2rem; }
  .sm-neg-l4 {
    left: -2rem; }
  .sm-neg-t5 {
    top: -2.5rem; }
  .sm-neg-r5 {
    right: -2.5rem; }
  .sm-neg-b5 {
    bottom: -2.5rem; }
  .sm-neg-l5 {
    left: -2.5rem; }
  .sm-neg-t6 {
    top: -3rem; }
  .sm-neg-r6 {
    right: -3rem; }
  .sm-neg-b6 {
    bottom: -3rem; }
  .sm-neg-l6 {
    left: -3rem; }
  .sm-neg-t7 {
    top: -6.25rem; }
  .sm-neg-r7 {
    right: -6.25rem; }
  .sm-neg-b7 {
    bottom: -6.25rem; }
  .sm-neg-l7 {
    left: -6.25rem; }
  .sm-neg-t8 {
    top: -9.375rem; }
  .sm-neg-r8 {
    right: -9.375rem; }
  .sm-neg-b8 {
    bottom: -9.375rem; }
  .sm-neg-l8 {
    left: -9.375rem; }
  .sm-neg-t9 {
    top: -12.5rem; }
  .sm-neg-r9 {
    right: -12.5rem; }
  .sm-neg-b9 {
    bottom: -12.5rem; }
  .sm-neg-l9 {
    left: -12.5rem; }
  .sm-neg-t10 {
    top: -15.63rem; }
  .sm-neg-r10 {
    right: -15.63rem; }
  .sm-neg-b10 {
    bottom: -15.63rem; }
  .sm-neg-l10 {
    left: -15.63rem; } }

@media (min-width: 1050px) {
  .md-neg-t0 {
    top: 0; }
  .md-neg-r0 {
    right: 0; }
  .md-neg-b0 {
    bottom: 0; }
  .md-neg-l0 {
    left: 0; }
  .md-neg-t1 {
    top: -0.5rem; }
  .md-neg-r1 {
    right: -0.5rem; }
  .md-neg-b1 {
    bottom: -0.5rem; }
  .md-neg-l1 {
    left: -0.5rem; }
  .md-neg-t2 {
    top: -1rem; }
  .md-neg-r2 {
    right: -1rem; }
  .md-neg-b2 {
    bottom: -1rem; }
  .md-neg-l2 {
    left: -1rem; }
  .md-neg-t3 {
    top: -1.5rem; }
  .md-neg-r3 {
    right: -1.5rem; }
  .md-neg-b3 {
    bottom: -1.5rem; }
  .md-neg-l3 {
    left: -1.5rem; }
  .md-neg-t4 {
    top: -2rem; }
  .md-neg-r4 {
    right: -2rem; }
  .md-neg-b4 {
    bottom: -2rem; }
  .md-neg-l4 {
    left: -2rem; }
  .md-neg-t5 {
    top: -2.5rem; }
  .md-neg-r5 {
    right: -2.5rem; }
  .md-neg-b5 {
    bottom: -2.5rem; }
  .md-neg-l5 {
    left: -2.5rem; }
  .md-neg-t6 {
    top: -3rem; }
  .md-neg-r6 {
    right: -3rem; }
  .md-neg-b6 {
    bottom: -3rem; }
  .md-neg-l6 {
    left: -3rem; }
  .md-neg-t7 {
    top: -6.25rem; }
  .md-neg-r7 {
    right: -6.25rem; }
  .md-neg-b7 {
    bottom: -6.25rem; }
  .md-neg-l7 {
    left: -6.25rem; }
  .md-neg-t8 {
    top: -9.375rem; }
  .md-neg-r8 {
    right: -9.375rem; }
  .md-neg-b8 {
    bottom: -9.375rem; }
  .md-neg-l8 {
    left: -9.375rem; }
  .md-neg-t9 {
    top: -12.5rem; }
  .md-neg-r9 {
    right: -12.5rem; }
  .md-neg-b9 {
    bottom: -12.5rem; }
  .md-neg-l9 {
    left: -12.5rem; }
  .md-neg-t10 {
    top: -15.63rem; }
  .md-neg-r10 {
    right: -15.63rem; }
  .md-neg-b10 {
    bottom: -15.63rem; }
  .md-neg-l10 {
    left: -15.63rem; } }

@media (min-width: 1536px) {
  .lg-neg-t0 {
    top: 0; }
  .lg-neg-r0 {
    right: 0; }
  .lg-neg-b0 {
    bottom: 0; }
  .lg-neg-l0 {
    left: 0; }
  .lg-neg-t1 {
    top: -0.5rem; }
  .lg-neg-r1 {
    right: -0.5rem; }
  .lg-neg-b1 {
    bottom: -0.5rem; }
  .lg-neg-l1 {
    left: -0.5rem; }
  .lg-neg-t2 {
    top: -1rem; }
  .lg-neg-r2 {
    right: -1rem; }
  .lg-neg-b2 {
    bottom: -1rem; }
  .lg-neg-l2 {
    left: -1rem; }
  .lg-neg-t3 {
    top: -1.5rem; }
  .lg-neg-r3 {
    right: -1.5rem; }
  .lg-neg-b3 {
    bottom: -1.5rem; }
  .lg-neg-l3 {
    left: -1.5rem; }
  .lg-neg-t4 {
    top: -2rem; }
  .lg-neg-r4 {
    right: -2rem; }
  .lg-neg-b4 {
    bottom: -2rem; }
  .lg-neg-l4 {
    left: -2rem; }
  .lg-neg-t5 {
    top: -2.5rem; }
  .lg-neg-r5 {
    right: -2.5rem; }
  .lg-neg-b5 {
    bottom: -2.5rem; }
  .lg-neg-l5 {
    left: -2.5rem; }
  .lg-neg-t6 {
    top: -3rem; }
  .lg-neg-r6 {
    right: -3rem; }
  .lg-neg-b6 {
    bottom: -3rem; }
  .lg-neg-l6 {
    left: -3rem; }
  .lg-neg-t7 {
    top: -6.25rem; }
  .lg-neg-r7 {
    right: -6.25rem; }
  .lg-neg-b7 {
    bottom: -6.25rem; }
  .lg-neg-l7 {
    left: -6.25rem; }
  .lg-neg-t8 {
    top: -9.375rem; }
  .lg-neg-r8 {
    right: -9.375rem; }
  .lg-neg-b8 {
    bottom: -9.375rem; }
  .lg-neg-l8 {
    left: -9.375rem; }
  .lg-neg-t9 {
    top: -12.5rem; }
  .lg-neg-r9 {
    right: -12.5rem; }
  .lg-neg-b9 {
    bottom: -12.5rem; }
  .lg-neg-l9 {
    left: -12.5rem; }
  .lg-neg-t10 {
    top: -15.63rem; }
  .lg-neg-r10 {
    right: -15.63rem; }
  .lg-neg-b10 {
    bottom: -15.63rem; }
  .lg-neg-l10 {
    left: -15.63rem; } }

@media (min-width: 2600px) {
  .xl-neg-t0 {
    top: 0; }
  .xl-neg-r0 {
    right: 0; }
  .xl-neg-b0 {
    bottom: 0; }
  .xl-neg-l0 {
    left: 0; }
  .xl-neg-t1 {
    top: -0.5rem; }
  .xl-neg-r1 {
    right: -0.5rem; }
  .xl-neg-b1 {
    bottom: -0.5rem; }
  .xl-neg-l1 {
    left: -0.5rem; }
  .xl-neg-t2 {
    top: -1rem; }
  .xl-neg-r2 {
    right: -1rem; }
  .xl-neg-b2 {
    bottom: -1rem; }
  .xl-neg-l2 {
    left: -1rem; }
  .xl-neg-t3 {
    top: -1.5rem; }
  .xl-neg-r3 {
    right: -1.5rem; }
  .xl-neg-b3 {
    bottom: -1.5rem; }
  .xl-neg-l3 {
    left: -1.5rem; }
  .xl-neg-t4 {
    top: -2rem; }
  .xl-neg-r4 {
    right: -2rem; }
  .xl-neg-b4 {
    bottom: -2rem; }
  .xl-neg-l4 {
    left: -2rem; }
  .xl-neg-t5 {
    top: -2.5rem; }
  .xl-neg-r5 {
    right: -2.5rem; }
  .xl-neg-b5 {
    bottom: -2.5rem; }
  .xl-neg-l5 {
    left: -2.5rem; }
  .xl-neg-t6 {
    top: -3rem; }
  .xl-neg-r6 {
    right: -3rem; }
  .xl-neg-b6 {
    bottom: -3rem; }
  .xl-neg-l6 {
    left: -3rem; }
  .xl-neg-t7 {
    top: -6.25rem; }
  .xl-neg-r7 {
    right: -6.25rem; }
  .xl-neg-b7 {
    bottom: -6.25rem; }
  .xl-neg-l7 {
    left: -6.25rem; }
  .xl-neg-t8 {
    top: -9.375rem; }
  .xl-neg-r8 {
    right: -9.375rem; }
  .xl-neg-b8 {
    bottom: -9.375rem; }
  .xl-neg-l8 {
    left: -9.375rem; }
  .xl-neg-t9 {
    top: -12.5rem; }
  .xl-neg-r9 {
    right: -12.5rem; }
  .xl-neg-b9 {
    bottom: -12.5rem; }
  .xl-neg-l9 {
    left: -12.5rem; }
  .xl-neg-t10 {
    top: -15.63rem; }
  .xl-neg-r10 {
    right: -15.63rem; }
  .xl-neg-b10 {
    bottom: -15.63rem; }
  .xl-neg-l10 {
    left: -15.63rem; } }

.xs-p0 {
  padding: 0; }

.xs-pt0 {
  padding-top: 0; }

.xs-pr0 {
  padding-right: 0; }

.xs-pb0 {
  padding-bottom: 0; }

.xs-pl0 {
  padding-left: 0; }

.xs-px0 {
  padding-left: 0;
  padding-right: 0; }

.xs-py0 {
  padding-top: 0;
  padding-bottom: 0; }

.xs-p1 {
  padding: 0.5rem; }

.xs-pt1 {
  padding-top: 0.5rem; }

.xs-pr1 {
  padding-right: 0.5rem; }

.xs-pb1 {
  padding-bottom: 0.5rem; }

.xs-pl1 {
  padding-left: 0.5rem; }

.xs-px1 {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

.xs-py1 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.xs-p2 {
  padding: 1rem; }

.xs-pt2 {
  padding-top: 1rem; }

.xs-pr2 {
  padding-right: 1rem; }

.xs-pb2 {
  padding-bottom: 1rem; }

.xs-pl2 {
  padding-left: 1rem; }

.xs-px2 {
  padding-left: 1rem;
  padding-right: 1rem; }

.xs-py2 {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.xs-p3 {
  padding: 1.5rem; }

.xs-pt3 {
  padding-top: 1.5rem; }

.xs-pr3 {
  padding-right: 1.5rem; }

.xs-pb3 {
  padding-bottom: 1.5rem; }

.xs-pl3 {
  padding-left: 1.5rem; }

.xs-px3 {
  padding-left: 1.5rem;
  padding-right: 1.5rem; }

.xs-py3 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem; }

.xs-p4 {
  padding: 2rem; }

.xs-pt4 {
  padding-top: 2rem; }

.xs-pr4 {
  padding-right: 2rem; }

.xs-pb4 {
  padding-bottom: 2rem; }

.xs-pl4 {
  padding-left: 2rem; }

.xs-px4 {
  padding-left: 2rem;
  padding-right: 2rem; }

.xs-py4 {
  padding-top: 2rem;
  padding-bottom: 2rem; }

.xs-p5 {
  padding: 2.5rem; }

.xs-pt5 {
  padding-top: 2.5rem; }

.xs-pr5 {
  padding-right: 2.5rem; }

.xs-pb5 {
  padding-bottom: 2.5rem; }

.xs-pl5 {
  padding-left: 2.5rem; }

.xs-px5 {
  padding-left: 2.5rem;
  padding-right: 2.5rem; }

.xs-py5 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem; }

.xs-p6 {
  padding: 3rem; }

.xs-pt6 {
  padding-top: 3rem; }

.xs-pr6 {
  padding-right: 3rem; }

.xs-pb6 {
  padding-bottom: 3rem; }

.xs-pl6 {
  padding-left: 3rem; }

.xs-px6 {
  padding-left: 3rem;
  padding-right: 3rem; }

.xs-py6 {
  padding-top: 3rem;
  padding-bottom: 3rem; }

@media (min-width: 768px) {
  .sm-p0 {
    padding: 0; }
  .sm-pt0 {
    padding-top: 0; }
  .sm-pr0 {
    padding-right: 0; }
  .sm-pb0 {
    padding-bottom: 0; }
  .sm-pl0 {
    padding-left: 0; }
  .sm-px0 {
    padding-left: 0;
    padding-right: 0; }
  .sm-py0 {
    padding-top: 0;
    padding-bottom: 0; }
  .sm-p1 {
    padding: 0.5rem; }
  .sm-pt1 {
    padding-top: 0.5rem; }
  .sm-pr1 {
    padding-right: 0.5rem; }
  .sm-pb1 {
    padding-bottom: 0.5rem; }
  .sm-pl1 {
    padding-left: 0.5rem; }
  .sm-px1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem; }
  .sm-py1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
  .sm-p2 {
    padding: 1rem; }
  .sm-pt2 {
    padding-top: 1rem; }
  .sm-pr2 {
    padding-right: 1rem; }
  .sm-pb2 {
    padding-bottom: 1rem; }
  .sm-pl2 {
    padding-left: 1rem; }
  .sm-px2 {
    padding-left: 1rem;
    padding-right: 1rem; }
  .sm-py2 {
    padding-top: 1rem;
    padding-bottom: 1rem; }
  .sm-p3 {
    padding: 1.5rem; }
  .sm-pt3 {
    padding-top: 1.5rem; }
  .sm-pr3 {
    padding-right: 1.5rem; }
  .sm-pb3 {
    padding-bottom: 1.5rem; }
  .sm-pl3 {
    padding-left: 1.5rem; }
  .sm-px3 {
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
  .sm-py3 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem; }
  .sm-p4 {
    padding: 2rem; }
  .sm-pt4 {
    padding-top: 2rem; }
  .sm-pr4 {
    padding-right: 2rem; }
  .sm-pb4 {
    padding-bottom: 2rem; }
  .sm-pl4 {
    padding-left: 2rem; }
  .sm-px4 {
    padding-left: 2rem;
    padding-right: 2rem; }
  .sm-py4 {
    padding-top: 2rem;
    padding-bottom: 2rem; }
  .sm-p5 {
    padding: 2.5rem; }
  .sm-pt5 {
    padding-top: 2.5rem; }
  .sm-pr5 {
    padding-right: 2.5rem; }
  .sm-pb5 {
    padding-bottom: 2.5rem; }
  .sm-pl5 {
    padding-left: 2.5rem; }
  .sm-px5 {
    padding-left: 2.5rem;
    padding-right: 2.5rem; }
  .sm-py5 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem; }
  .sm-p6 {
    padding: 3rem; }
  .sm-pt6 {
    padding-top: 3rem; }
  .sm-pr6 {
    padding-right: 3rem; }
  .sm-pb6 {
    padding-bottom: 3rem; }
  .sm-pl6 {
    padding-left: 3rem; }
  .sm-px6 {
    padding-left: 3rem;
    padding-right: 3rem; }
  .sm-py6 {
    padding-top: 3rem;
    padding-bottom: 3rem; } }

@media (min-width: 1050px) {
  .md-p0 {
    padding: 0; }
  .md-pt0 {
    padding-top: 0; }
  .md-pr0 {
    padding-right: 0; }
  .md-pb0 {
    padding-bottom: 0; }
  .md-pl0 {
    padding-left: 0; }
  .md-px0 {
    padding-left: 0;
    padding-right: 0; }
  .md-py0 {
    padding-top: 0;
    padding-bottom: 0; }
  .md-p1 {
    padding: 0.5rem; }
  .md-pt1 {
    padding-top: 0.5rem; }
  .md-pr1 {
    padding-right: 0.5rem; }
  .md-pb1 {
    padding-bottom: 0.5rem; }
  .md-pl1 {
    padding-left: 0.5rem; }
  .md-px1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem; }
  .md-py1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
  .md-p2 {
    padding: 1rem; }
  .md-pt2 {
    padding-top: 1rem; }
  .md-pr2 {
    padding-right: 1rem; }
  .md-pb2 {
    padding-bottom: 1rem; }
  .md-pl2 {
    padding-left: 1rem; }
  .md-px2 {
    padding-left: 1rem;
    padding-right: 1rem; }
  .md-py2 {
    padding-top: 1rem;
    padding-bottom: 1rem; }
  .md-p3 {
    padding: 1.5rem; }
  .md-pt3 {
    padding-top: 1.5rem; }
  .md-pr3 {
    padding-right: 1.5rem; }
  .md-pb3 {
    padding-bottom: 1.5rem; }
  .md-pl3 {
    padding-left: 1.5rem; }
  .md-px3 {
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
  .md-py3 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem; }
  .md-p4 {
    padding: 2rem; }
  .md-pt4 {
    padding-top: 2rem; }
  .md-pr4 {
    padding-right: 2rem; }
  .md-pb4 {
    padding-bottom: 2rem; }
  .md-pl4 {
    padding-left: 2rem; }
  .md-px4 {
    padding-left: 2rem;
    padding-right: 2rem; }
  .md-py4 {
    padding-top: 2rem;
    padding-bottom: 2rem; }
  .md-p5 {
    padding: 2.5rem; }
  .md-pt5 {
    padding-top: 2.5rem; }
  .md-pr5 {
    padding-right: 2.5rem; }
  .md-pb5 {
    padding-bottom: 2.5rem; }
  .md-pl5 {
    padding-left: 2.5rem; }
  .md-px5 {
    padding-left: 2.5rem;
    padding-right: 2.5rem; }
  .md-py5 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem; }
  .md-p6 {
    padding: 3rem; }
  .md-pt6 {
    padding-top: 3rem; }
  .md-pr6 {
    padding-right: 3rem; }
  .md-pb6 {
    padding-bottom: 3rem; }
  .md-pl6 {
    padding-left: 3rem; }
  .md-px6 {
    padding-left: 3rem;
    padding-right: 3rem; }
  .md-py6 {
    padding-top: 3rem;
    padding-bottom: 3rem; } }

@media (min-width: 1536px) {
  .lg-p0 {
    padding: 0; }
  .lg-pt0 {
    padding-top: 0; }
  .lg-pr0 {
    padding-right: 0; }
  .lg-pb0 {
    padding-bottom: 0; }
  .lg-pl0 {
    padding-left: 0; }
  .lg-px0 {
    padding-left: 0;
    padding-right: 0; }
  .lg-py0 {
    padding-top: 0;
    padding-bottom: 0; }
  .lg-p1 {
    padding: 0.5rem; }
  .lg-pt1 {
    padding-top: 0.5rem; }
  .lg-pr1 {
    padding-right: 0.5rem; }
  .lg-pb1 {
    padding-bottom: 0.5rem; }
  .lg-pl1 {
    padding-left: 0.5rem; }
  .lg-px1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem; }
  .lg-py1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
  .lg-p2 {
    padding: 1rem; }
  .lg-pt2 {
    padding-top: 1rem; }
  .lg-pr2 {
    padding-right: 1rem; }
  .lg-pb2 {
    padding-bottom: 1rem; }
  .lg-pl2 {
    padding-left: 1rem; }
  .lg-px2 {
    padding-left: 1rem;
    padding-right: 1rem; }
  .lg-py2 {
    padding-top: 1rem;
    padding-bottom: 1rem; }
  .lg-p3 {
    padding: 1.5rem; }
  .lg-pt3 {
    padding-top: 1.5rem; }
  .lg-pr3 {
    padding-right: 1.5rem; }
  .lg-pb3 {
    padding-bottom: 1.5rem; }
  .lg-pl3 {
    padding-left: 1.5rem; }
  .lg-px3 {
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
  .lg-py3 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem; }
  .lg-p4 {
    padding: 2rem; }
  .lg-pt4 {
    padding-top: 2rem; }
  .lg-pr4 {
    padding-right: 2rem; }
  .lg-pb4 {
    padding-bottom: 2rem; }
  .lg-pl4 {
    padding-left: 2rem; }
  .lg-px4 {
    padding-left: 2rem;
    padding-right: 2rem; }
  .lg-py4 {
    padding-top: 2rem;
    padding-bottom: 2rem; }
  .lg-p5 {
    padding: 2.5rem; }
  .lg-pt5 {
    padding-top: 2.5rem; }
  .lg-pr5 {
    padding-right: 2.5rem; }
  .lg-pb5 {
    padding-bottom: 2.5rem; }
  .lg-pl5 {
    padding-left: 2.5rem; }
  .lg-px5 {
    padding-left: 2.5rem;
    padding-right: 2.5rem; }
  .lg-py5 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem; }
  .lg-p6 {
    padding: 3rem; }
  .lg-pt6 {
    padding-top: 3rem; }
  .lg-pr6 {
    padding-right: 3rem; }
  .lg-pb6 {
    padding-bottom: 3rem; }
  .lg-pl6 {
    padding-left: 3rem; }
  .lg-px6 {
    padding-left: 3rem;
    padding-right: 3rem; }
  .lg-py6 {
    padding-top: 3rem;
    padding-bottom: 3rem; } }

@media (min-width: 2600px) {
  .xl-p0 {
    padding: 0; }
  .xl-pt0 {
    padding-top: 0; }
  .xl-pr0 {
    padding-right: 0; }
  .xl-pb0 {
    padding-bottom: 0; }
  .xl-pl0 {
    padding-left: 0; }
  .xl-px0 {
    padding-left: 0;
    padding-right: 0; }
  .xl-py0 {
    padding-top: 0;
    padding-bottom: 0; }
  .xl-p1 {
    padding: 0.5rem; }
  .xl-pt1 {
    padding-top: 0.5rem; }
  .xl-pr1 {
    padding-right: 0.5rem; }
  .xl-pb1 {
    padding-bottom: 0.5rem; }
  .xl-pl1 {
    padding-left: 0.5rem; }
  .xl-px1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem; }
  .xl-py1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
  .xl-p2 {
    padding: 1rem; }
  .xl-pt2 {
    padding-top: 1rem; }
  .xl-pr2 {
    padding-right: 1rem; }
  .xl-pb2 {
    padding-bottom: 1rem; }
  .xl-pl2 {
    padding-left: 1rem; }
  .xl-px2 {
    padding-left: 1rem;
    padding-right: 1rem; }
  .xl-py2 {
    padding-top: 1rem;
    padding-bottom: 1rem; }
  .xl-p3 {
    padding: 1.5rem; }
  .xl-pt3 {
    padding-top: 1.5rem; }
  .xl-pr3 {
    padding-right: 1.5rem; }
  .xl-pb3 {
    padding-bottom: 1.5rem; }
  .xl-pl3 {
    padding-left: 1.5rem; }
  .xl-px3 {
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
  .xl-py3 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem; }
  .xl-p4 {
    padding: 2rem; }
  .xl-pt4 {
    padding-top: 2rem; }
  .xl-pr4 {
    padding-right: 2rem; }
  .xl-pb4 {
    padding-bottom: 2rem; }
  .xl-pl4 {
    padding-left: 2rem; }
  .xl-px4 {
    padding-left: 2rem;
    padding-right: 2rem; }
  .xl-py4 {
    padding-top: 2rem;
    padding-bottom: 2rem; }
  .xl-p5 {
    padding: 2.5rem; }
  .xl-pt5 {
    padding-top: 2.5rem; }
  .xl-pr5 {
    padding-right: 2.5rem; }
  .xl-pb5 {
    padding-bottom: 2.5rem; }
  .xl-pl5 {
    padding-left: 2.5rem; }
  .xl-px5 {
    padding-left: 2.5rem;
    padding-right: 2.5rem; }
  .xl-py5 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem; }
  .xl-p6 {
    padding: 3rem; }
  .xl-pt6 {
    padding-top: 3rem; }
  .xl-pr6 {
    padding-right: 3rem; }
  .xl-pb6 {
    padding-bottom: 3rem; }
  .xl-pl6 {
    padding-left: 3rem; }
  .xl-px6 {
    padding-left: 3rem;
    padding-right: 3rem; }
  .xl-py6 {
    padding-top: 3rem;
    padding-bottom: 3rem; } }

.xs-relative {
  position: relative; }

.xs-absolute {
  position: absolute; }

.xs-fixed {
  position: fixed; }

.xs-static {
  position: static; }

.xs-z1 {
  z-index: 100; }

.xs-z2 {
  z-index: 200; }

.xs-z3 {
  z-index: 300; }

.xs-z4 {
  z-index: 400; }

.xs-t0 {
  top: 0; }

.xs-r0 {
  right: 0; }

.xs-b0 {
  bottom: 0; }

.xs-l0 {
  left: 0; }

.xs-t1 {
  top: 0.5rem; }

.xs-r1 {
  right: 0.5rem; }

.xs-b1 {
  bottom: 0.5rem; }

.xs-l1 {
  left: 0.5rem; }

.xs-t2 {
  top: 1rem; }

.xs-r2 {
  right: 1rem; }

.xs-b2 {
  bottom: 1rem; }

.xs-l2 {
  left: 1rem; }

.xs-t3 {
  top: 1.5rem; }

.xs-r3 {
  right: 1.5rem; }

.xs-b3 {
  bottom: 1.5rem; }

.xs-l3 {
  left: 1.5rem; }

.xs-t4 {
  top: 2rem; }

.xs-r4 {
  right: 2rem; }

.xs-b4 {
  bottom: 2rem; }

.xs-l4 {
  left: 2rem; }

.xs-t5 {
  top: 2.5rem; }

.xs-r5 {
  right: 2.5rem; }

.xs-b5 {
  bottom: 2.5rem; }

.xs-l5 {
  left: 2.5rem; }

.xs-t6 {
  top: 3rem; }

.xs-r6 {
  right: 3rem; }

.xs-b6 {
  bottom: 3rem; }

.xs-l6 {
  left: 3rem; }

@media (min-width: 768px) {
  .sm-relative {
    position: relative; }
  .sm-absolute {
    position: absolute; }
  .sm-fixed {
    position: fixed; }
  .sm-static {
    position: static; }
  .sm-z1 {
    z-index: 100; }
  .sm-z2 {
    z-index: 200; }
  .sm-z3 {
    z-index: 300; }
  .sm-z4 {
    z-index: 400; }
  .sm-t0 {
    top: 0; }
  .sm-r0 {
    right: 0; }
  .sm-b0 {
    bottom: 0; }
  .sm-l0 {
    left: 0; }
  .sm-t1 {
    top: 0.5rem; }
  .sm-r1 {
    right: 0.5rem; }
  .sm-b1 {
    bottom: 0.5rem; }
  .sm-l1 {
    left: 0.5rem; }
  .sm-t2 {
    top: 1rem; }
  .sm-r2 {
    right: 1rem; }
  .sm-b2 {
    bottom: 1rem; }
  .sm-l2 {
    left: 1rem; }
  .sm-t3 {
    top: 1.5rem; }
  .sm-r3 {
    right: 1.5rem; }
  .sm-b3 {
    bottom: 1.5rem; }
  .sm-l3 {
    left: 1.5rem; }
  .sm-t4 {
    top: 2rem; }
  .sm-r4 {
    right: 2rem; }
  .sm-b4 {
    bottom: 2rem; }
  .sm-l4 {
    left: 2rem; }
  .sm-t5 {
    top: 2.5rem; }
  .sm-r5 {
    right: 2.5rem; }
  .sm-b5 {
    bottom: 2.5rem; }
  .sm-l5 {
    left: 2.5rem; }
  .sm-t6 {
    top: 3rem; }
  .sm-r6 {
    right: 3rem; }
  .sm-b6 {
    bottom: 3rem; }
  .sm-l6 {
    left: 3rem; } }

@media (min-width: 1050px) {
  .md-relative {
    position: relative; }
  .md-absolute {
    position: absolute; }
  .md-fixed {
    position: fixed; }
  .md-static {
    position: static; }
  .md-z1 {
    z-index: 100; }
  .md-z2 {
    z-index: 200; }
  .md-z3 {
    z-index: 300; }
  .md-z4 {
    z-index: 400; }
  .md-t0 {
    top: 0; }
  .md-r0 {
    right: 0; }
  .md-b0 {
    bottom: 0; }
  .md-l0 {
    left: 0; }
  .md-t1 {
    top: 0.5rem; }
  .md-r1 {
    right: 0.5rem; }
  .md-b1 {
    bottom: 0.5rem; }
  .md-l1 {
    left: 0.5rem; }
  .md-t2 {
    top: 1rem; }
  .md-r2 {
    right: 1rem; }
  .md-b2 {
    bottom: 1rem; }
  .md-l2 {
    left: 1rem; }
  .md-t3 {
    top: 1.5rem; }
  .md-r3 {
    right: 1.5rem; }
  .md-b3 {
    bottom: 1.5rem; }
  .md-l3 {
    left: 1.5rem; }
  .md-t4 {
    top: 2rem; }
  .md-r4 {
    right: 2rem; }
  .md-b4 {
    bottom: 2rem; }
  .md-l4 {
    left: 2rem; }
  .md-t5 {
    top: 2.5rem; }
  .md-r5 {
    right: 2.5rem; }
  .md-b5 {
    bottom: 2.5rem; }
  .md-l5 {
    left: 2.5rem; }
  .md-t6 {
    top: 3rem; }
  .md-r6 {
    right: 3rem; }
  .md-b6 {
    bottom: 3rem; }
  .md-l6 {
    left: 3rem; } }

@media (min-width: 1536px) {
  .lg-relative {
    position: relative; }
  .lg-absolute {
    position: absolute; }
  .lg-fixed {
    position: fixed; }
  .lg-static {
    position: static; }
  .lg-z1 {
    z-index: 100; }
  .lg-z2 {
    z-index: 200; }
  .lg-z3 {
    z-index: 300; }
  .lg-z4 {
    z-index: 400; }
  .lg-t0 {
    top: 0; }
  .lg-r0 {
    right: 0; }
  .lg-b0 {
    bottom: 0; }
  .lg-l0 {
    left: 0; }
  .lg-t1 {
    top: 0.5rem; }
  .lg-r1 {
    right: 0.5rem; }
  .lg-b1 {
    bottom: 0.5rem; }
  .lg-l1 {
    left: 0.5rem; }
  .lg-t2 {
    top: 1rem; }
  .lg-r2 {
    right: 1rem; }
  .lg-b2 {
    bottom: 1rem; }
  .lg-l2 {
    left: 1rem; }
  .lg-t3 {
    top: 1.5rem; }
  .lg-r3 {
    right: 1.5rem; }
  .lg-b3 {
    bottom: 1.5rem; }
  .lg-l3 {
    left: 1.5rem; }
  .lg-t4 {
    top: 2rem; }
  .lg-r4 {
    right: 2rem; }
  .lg-b4 {
    bottom: 2rem; }
  .lg-l4 {
    left: 2rem; }
  .lg-t5 {
    top: 2.5rem; }
  .lg-r5 {
    right: 2.5rem; }
  .lg-b5 {
    bottom: 2.5rem; }
  .lg-l5 {
    left: 2.5rem; }
  .lg-t6 {
    top: 3rem; }
  .lg-r6 {
    right: 3rem; }
  .lg-b6 {
    bottom: 3rem; }
  .lg-l6 {
    left: 3rem; } }

@media (min-width: 2600px) {
  .xl-relative {
    position: relative; }
  .xl-absolute {
    position: absolute; }
  .xl-fixed {
    position: fixed; }
  .xl-static {
    position: static; }
  .xl-z1 {
    z-index: 100; }
  .xl-z2 {
    z-index: 200; }
  .xl-z3 {
    z-index: 300; }
  .xl-z4 {
    z-index: 400; }
  .xl-t0 {
    top: 0; }
  .xl-r0 {
    right: 0; }
  .xl-b0 {
    bottom: 0; }
  .xl-l0 {
    left: 0; }
  .xl-t1 {
    top: 0.5rem; }
  .xl-r1 {
    right: 0.5rem; }
  .xl-b1 {
    bottom: 0.5rem; }
  .xl-l1 {
    left: 0.5rem; }
  .xl-t2 {
    top: 1rem; }
  .xl-r2 {
    right: 1rem; }
  .xl-b2 {
    bottom: 1rem; }
  .xl-l2 {
    left: 1rem; }
  .xl-t3 {
    top: 1.5rem; }
  .xl-r3 {
    right: 1.5rem; }
  .xl-b3 {
    bottom: 1.5rem; }
  .xl-l3 {
    left: 1.5rem; }
  .xl-t4 {
    top: 2rem; }
  .xl-r4 {
    right: 2rem; }
  .xl-b4 {
    bottom: 2rem; }
  .xl-l4 {
    left: 2rem; }
  .xl-t5 {
    top: 2.5rem; }
  .xl-r5 {
    right: 2.5rem; }
  .xl-b5 {
    bottom: 2.5rem; }
  .xl-l5 {
    left: 2.5rem; }
  .xl-t6 {
    top: 3rem; }
  .xl-r6 {
    right: 3rem; }
  .xl-b6 {
    bottom: 3rem; }
  .xl-l6 {
    left: 3rem; } }

.xs-align-top {
  vertical-align: top; }

.xs-align-middle {
  vertical-align: middle; }

.xs-align-bottom {
  vertical-align: bottom; }

@media (min-width: 768px) {
  .sm-align-top {
    vertical-align: top; }
  .sm-align-middle {
    vertical-align: middle; }
  .sm-align-bottom {
    vertical-align: bottom; } }

@media (min-width: 1050px) {
  .md-align-top {
    vertical-align: top; }
  .md-align-middle {
    vertical-align: middle; }
  .md-align-bottom {
    vertical-align: bottom; } }

@media (min-width: 1536px) {
  .lg-align-top {
    vertical-align: top; }
  .lg-align-middle {
    vertical-align: middle; }
  .lg-align-bottom {
    vertical-align: bottom; } }

@media (min-width: 2600px) {
  .xl-align-top {
    vertical-align: top; }
  .xl-align-middle {
    vertical-align: middle; }
  .xl-align-bottom {
    vertical-align: bottom; } }

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: Consolas, "Lucida Console", Monaco, Courier, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

.modeToggle {
  position: fixed;
  left: 0.5rem;
  top: 0.5rem;
  z-index: 10000; }
  .modeToggle:focus {
    outline: none; }

.light-mode .actionBoxGroup .actionBox {
  background-color: #f9f5e9; }

.dark-mode .actionBoxGroup .actionBox {
  background-color: #46465c; }

.actionBoxGroup .actionBox svg {
  margin-right: 0.5rem; }

.actionBoxGroup .actionBox--text {
  display: none; }
  @media only screen and (min-width: 1050px) {
    .actionBoxGroup .actionBox--text {
      display: inline-block; } }
.actionBoxGroup .actionBox__permalink input {
  border: 0;
  text-overflow: ellipsis;
  line-height: 0;
  font-weight: 700;
  background: transparent; }
  .light-mode .actionBoxGroup .actionBox__permalink input {
    color: #191b2b; }
  .dark-mode .actionBoxGroup .actionBox__permalink input {
    color: #EEEEF3; }
  .light-mode .actionBoxGroup .actionBox__permalink input:hover, .light-mode .actionBoxGroup .actionBox__permalink input:focus {
    color: #2c85c5; }
  .dark-mode .actionBoxGroup .actionBox__permalink input:hover, .dark-mode .actionBoxGroup .actionBox__permalink input:focus {
    color: #74baff; }
  .actionBoxGroup .actionBox__permalink input::selection {
    color: #ffffff; }
    .light-mode .actionBoxGroup .actionBox__permalink input::selection {
      background-color: #2c85c5; }
    .dark-mode .actionBoxGroup .actionBox__permalink input::selection {
      background-color: #74baff; }

.actionBoxGroup--product {
  display: flex;
  align-items: center;
  flex-direction: column;
  border-style: solid;
  border-width: 1px; }
  .light-mode .actionBoxGroup--product {
    border-color: #191b2b; }
  .dark-mode .actionBoxGroup--product {
    border-color: #09090F; }
  .actionBoxGroup--product .actionBox {
    font-size: 0.875rem;
    flex-grow: 1;
    align-items: center;
    width: 100%;
    border-bottom-style: solid;
    border-bottom-width: 1px; }
    .light-mode .actionBoxGroup--product .actionBox {
      border-color: #191b2b; }
    .dark-mode .actionBoxGroup--product .actionBox {
      border-color: #09090F; }
    .actionBoxGroup--product .actionBox:last-of-type {
      border-bottom: none; }
    .actionBoxGroup--product .actionBox svg {
      margin-bottom: -2px; }
  .actionBoxGroup--product .actionBox__addProduct {
    display: flex;
    text-align: center;
    background-color: #EAEAEA;
    padding: 1rem 0.5rem; }
    .actionBoxGroup--product .actionBox__addProduct form {
      flex-grow: 1; }
      .actionBoxGroup--product .actionBox__addProduct form select {
        border: none;
        font-size: 0.75rem;
        padding: 0.375rem 2rem 0.375rem 0.5rem;
        margin: 0 0.25rem; }
      .actionBoxGroup--product .actionBox__addProduct form a {
        display: inline-block;
        width: auto; }
    .actionBoxGroup--product .actionBox__addProduct .button {
      border-color: transparent; }
  .actionBoxGroup--product .actionBox__ratings {
    padding: 1rem;
    font-size: 0.6875rem; }
    .actionBoxGroup--product .actionBox__ratings .product--rating {
      font-weight: normal; }
      .actionBoxGroup--product .actionBox__ratings .product--rating .icon {
        margin-right: 0;
        width: 12px;
        height: 12px; }
      .actionBoxGroup--product .actionBox__ratings .product--rating li:last-of-type {
        margin-left: 0.25rem; }
    .light-mode .actionBoxGroup--product .actionBox__ratings a {
      color: #2c85c5; }
    .dark-mode .actionBoxGroup--product .actionBox__ratings a {
      color: #74baff; }
    .actionBoxGroup--product .actionBox__ratings h6 {
      font-size: 0.75rem; }
    .actionBoxGroup--product .actionBox__ratings table {
      margin-top: 0.5rem; }
      .actionBoxGroup--product .actionBox__ratings table tr {
        border: none; }
        .actionBoxGroup--product .actionBox__ratings table tr:hover {
          cursor: pointer; }
          .actionBoxGroup--product .actionBox__ratings table tr:hover a {
            text-decoration: underline; }
      .actionBoxGroup--product .actionBox__ratings table td {
        padding: 0; }
        .actionBoxGroup--product .actionBox__ratings table td a {
          white-space: nowrap;
          padding: 2px 0;
          display: block; }
      .actionBoxGroup--product .actionBox__ratings table .ratingBar {
        width: 100%; }
        .actionBoxGroup--product .actionBox__ratings table .ratingBar .ratingBar__track {
          position: relative;
          height: 12px;
          margin: 0 0.5rem; }
          .light-mode .actionBoxGroup--product .actionBox__ratings table .ratingBar .ratingBar__track {
            background-color: #ede7d7; }
          .dark-mode .actionBoxGroup--product .actionBox__ratings table .ratingBar .ratingBar__track {
            background-color: #3a3a4f; }
          .actionBoxGroup--product .actionBox__ratings table .ratingBar .ratingBar__track .ratingBar__bar {
            position: absolute;
            height: 12px; }
            .light-mode .actionBoxGroup--product .actionBox__ratings table .ratingBar .ratingBar__track .ratingBar__bar {
              background-color: #FF960C; }
            .dark-mode .actionBoxGroup--product .actionBox__ratings table .ratingBar .ratingBar__track .ratingBar__bar {
              background-color: #ea7700; }
      .actionBoxGroup--product .actionBox__ratings table .ratingPercentage {
        text-align: right; }
  .actionBoxGroup--product .actionBox__actions--favorites {
    display: flex;
    text-align: center; }
    .actionBoxGroup--product .actionBox__actions--favorites a {
      flex-grow: 1;
      padding: 1rem 0.5rem; }
      .light-mode .actionBoxGroup--product .actionBox__actions--favorites a {
        color: #191b2b; }
      .dark-mode .actionBoxGroup--product .actionBox__actions--favorites a {
        color: #EEEEF3; }
      .light-mode .actionBoxGroup--product .actionBox__actions--favorites a:hover {
        color: #2c85c5; }
      .dark-mode .actionBoxGroup--product .actionBox__actions--favorites a:hover {
        color: #74baff; }
      .actionBoxGroup--product .actionBox__actions--favorites a svg {
        margin-bottom: -3px; }
  .actionBoxGroup--product .actionBox__actions--inventory {
    display: flex;
    text-align: center; }
    .actionBoxGroup--product .actionBox__actions--inventory a {
      flex-grow: 1;
      padding: 1rem 0.5rem; }
      .light-mode .actionBoxGroup--product .actionBox__actions--inventory a {
        color: #191b2b; }
      .dark-mode .actionBoxGroup--product .actionBox__actions--inventory a {
        color: #EEEEF3; }
      .light-mode .actionBoxGroup--product .actionBox__actions--inventory a:hover {
        color: #2c85c5; }
      .dark-mode .actionBoxGroup--product .actionBox__actions--inventory a:hover {
        color: #74baff; }
      .actionBoxGroup--product .actionBox__actions--inventory a svg {
        margin-bottom: -3px; }

.actionBoxGroup--partlist {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  align-items: center;
  border-style: solid;
  border-width: 1px; }
  .light-mode .actionBoxGroup--partlist {
    border-color: #191b2b; }
  .dark-mode .actionBoxGroup--partlist {
    border-color: #09090F; }
  @media only screen and (min-width: 768px) {
    .actionBoxGroup--partlist {
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr; } }
  @media only screen and (min-width: 1050px) {
    .actionBoxGroup--partlist {
      -ms-grid-columns: 1fr auto auto;
      grid-template-columns: 1fr auto auto; } }
  .actionBoxGroup--partlist .actionBox {
    padding: 0.5rem; }
    .actionBoxGroup--partlist .actionBox li {
      font-size: 0.75rem;
      display: inline-block; }
      .actionBoxGroup--partlist .actionBox li a {
        display: inline-flex;
        align-self: center; }
    .light-mode .actionBoxGroup--partlist .actionBox svg {
      fill: #191b2b; }
    .dark-mode .actionBoxGroup--partlist .actionBox svg {
      fill: #B8B8C8; }
  .actionBoxGroup--partlist .actionBox__permalink {
    -ms-grid-row: 1;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    align-items: center;
    border-bottom-style: solid;
    border-bottom-width: 1px; }
    .light-mode .actionBoxGroup--partlist .actionBox__permalink {
      border-color: #191b2b; }
    .dark-mode .actionBoxGroup--partlist .actionBox__permalink {
      border-color: #09090F; }
    @media only screen and (min-width: 768px) {
      .actionBoxGroup--partlist .actionBox__permalink {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3; } }
    @media only screen and (min-width: 1050px) {
      .actionBoxGroup--partlist .actionBox__permalink {
        -ms-grid-column-span: 1;
        grid-column: auto;
        border-bottom: 0; } }
    .actionBoxGroup--partlist .actionBox__permalink svg {
      -ms-grid-column: 1;
      -ms-grid-row-align: center;
      margin: 0 1rem 0 0.5rem; }
    .actionBoxGroup--partlist .actionBox__permalink input {
      -ms-grid-column: 2;
      font-size: 0.875rem;
      min-height: 38px;
      width: 100%; }
      @media only screen and (min-width: 1050px) {
        .actionBoxGroup--partlist .actionBox__permalink input {
          max-width: 400px; } }
  .actionBoxGroup--partlist .actionBox__markup {
    -ms-grid-row: 2;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media only screen and (min-width: 768px) {
      .actionBoxGroup--partlist .actionBox__markup {
        -ms-grid-column: 1; } }
    @media only screen and (min-width: 1050px) {
      .actionBoxGroup--partlist .actionBox__markup {
        -ms-grid-column: 2;
        -ms-grid-row: 1; } }
    .actionBoxGroup--partlist .actionBox__markup p {
      font-size: 0.75rem;
      display: inline-block;
      font-weight: 700;
      margin-right: 0.5rem; }
    .actionBoxGroup--partlist .actionBox__markup a {
      padding: 10px; }
      .actionBoxGroup--partlist .actionBox__markup a:hover svg {
        fill: #2c85c5;
        transition: fill 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
      .actionBoxGroup--partlist .actionBox__markup a svg {
        margin-right: 0;
        transition: fill 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
        width: 18px;
        height: 18px; }
  .actionBoxGroup--partlist .actionBox__options {
    -ms-grid-row: 3;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-top-style: solid;
    border-top-width: 1px; }
    .light-mode .actionBoxGroup--partlist .actionBox__options {
      border-color: #191b2b; }
    .dark-mode .actionBoxGroup--partlist .actionBox__options {
      border-color: #09090F; }
    @media only screen and (min-width: 768px) {
      .actionBoxGroup--partlist .actionBox__options {
        -ms-grid-column: 2;
        -ms-grid-row: 2;
        border-top: 0;
        border-left-style: solid;
        border-left-width: 1px; }
        .light-mode .actionBoxGroup--partlist .actionBox__options {
          border-color: #191b2b; }
        .dark-mode .actionBoxGroup--partlist .actionBox__options {
          border-color: #09090F; } }
    @media only screen and (min-width: 1050px) {
      .actionBoxGroup--partlist .actionBox__options {
        -ms-grid-column: 3;
        -ms-grid-row: 1;
        width: auto; } }
    .actionBoxGroup--partlist .actionBox__options a {
      padding: 10px 0.5rem;
      text-align: center; }
      @media only screen and (min-width: 1050px) {
        .actionBoxGroup--partlist .actionBox__options a {
          width: auto; } }
      @media only screen and (min-width: 1536px) {
        .actionBoxGroup--partlist .actionBox__options a {
          padding: 10px 1rem; } }
@keyframes bounceArrow--up {
  0% {
    transform: translateY(0px); }
  50% {
    transform: translateY(-5px); }
  100% {
    transform: translateY(0px); } }

@keyframes bounceArrow--down {
  0% {
    transform: translateY(0px); }
  50% {
    transform: translateY(5px); }
  100% {
    transform: translateY(0px); } }

.actionBoxGroup--build {
  border-style: solid;
  border-width: 1px; }
  .light-mode .actionBoxGroup--build {
    border-color: #191b2b; }
  .dark-mode .actionBoxGroup--build {
    border-color: #09090F; }
  .actionBoxGroup--build ul {
    padding: 0; }
  .actionBoxGroup--build .actionBox li {
    font-size: 0.75rem;
    display: inline-block; }
    .actionBoxGroup--build .actionBox li a {
      display: block;
      width: 100%;
      padding: 0.75rem 0.5rem;
      font-size: 1rem; }
      @media only screen and (min-width: 768px) {
        .actionBoxGroup--build .actionBox li a {
          padding: 1rem 0.5rem; } }
      .actionBoxGroup--build .actionBox li a svg {
        position: relative;
        top: 1px; }
  .light-mode .actionBoxGroup--build .actionBox svg {
    fill: #191b2b; }
  .dark-mode .actionBoxGroup--build .actionBox svg {
    fill: #B8B8C8; }
  .actionBoxGroup--build .actionBox__actions {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    -ms-grid-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    text-align: center;
    border-bottom-style: solid;
    border-bottom-width: 1px; }
    .light-mode .actionBoxGroup--build .actionBox__actions {
      border-color: #191b2b; }
    .dark-mode .actionBoxGroup--build .actionBox__actions {
      border-color: #09090F; }
    .actionBoxGroup--build .actionBox__actions li:first-of-type {
      border-right-style: solid;
      border-right-width: 1px; }
      .light-mode .actionBoxGroup--build .actionBox__actions li:first-of-type {
        border-color: #191b2b; }
      .dark-mode .actionBoxGroup--build .actionBox__actions li:first-of-type {
        border-color: #09090F; }
    .actionBoxGroup--build .actionBox__actions li:nth-child(1) {
      -ms-grid-column: 1;
      -ms-grid-row: 1; }
    .actionBoxGroup--build .actionBox__actions li:nth-child(2) {
      -ms-grid-column: 2;
      -ms-grid-row: 1; }
  .actionBoxGroup--build .actionBox__vote svg {
    transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    animation-name: bounceArrow--down;
    animation-duration: .35s; }
  .actionBoxGroup--build .actionBox__vote--voted svg {
    animation-name: bounceArrow--up;
    animation-duration: .35s; }
    .light-mode .actionBoxGroup--build .actionBox__vote--voted svg {
      fill: #2c85c5; }
    .dark-mode .actionBoxGroup--build .actionBox__vote--voted svg {
      fill: #74baff; }
  .actionBoxGroup--build .actionBox__vote--disabled {
    cursor: default; }
    .actionBoxGroup--build .actionBox__vote--disabled:hover {
      text-decoration: none; }
      .light-mode .actionBoxGroup--build .actionBox__vote--disabled:hover {
        color: #676767; }
      .dark-mode .actionBoxGroup--build .actionBox__vote--disabled:hover {
        color: #70709b; }
  .actionBoxGroup--build .actionBox__permalink {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    align-items: center;
    padding: 0.5rem; }
    .actionBoxGroup--build .actionBox__permalink svg {
      -ms-grid-column: 1;
      -ms-grid-row-align: center;
      margin: 0 0.5rem; }
    .actionBoxGroup--build .actionBox__permalink input {
      -ms-grid-column: 2;
      width: 100%; }

.actionBoxGroup--guide {
  border-style: solid;
  border-width: 1px; }
  .light-mode .actionBoxGroup--guide {
    border-color: #191b2b; }
  .dark-mode .actionBoxGroup--guide {
    border-color: #09090F; }
  @media only screen and (min-width: 1050px) {
    .actionBoxGroup--guide {
      display: -ms-grid;
      -ms-grid-columns: 1fr 1fr;
      display: grid;
      grid-template-columns: 1fr 1fr; } }
  .actionBoxGroup--guide ul {
    padding: 0; }
  .actionBoxGroup--guide .actionBox li {
    font-size: 0.75rem;
    display: inline-block; }
    .actionBoxGroup--guide .actionBox li a {
      display: block;
      width: 100%;
      padding: 1rem 0.5rem;
      font-size: 1rem; }
      .actionBoxGroup--guide .actionBox li a svg {
        position: relative;
        top: 1px; }
  .light-mode .actionBoxGroup--guide .actionBox svg {
    fill: #191b2b; }
  .dark-mode .actionBoxGroup--guide .actionBox svg {
    fill: #B8B8C8; }
  .actionBoxGroup--guide .actionBox__actions {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    text-align: center;
    border-bottom-style: solid;
    border-bottom-width: 1px; }
    .light-mode .actionBoxGroup--guide .actionBox__actions {
      border-color: #191b2b; }
    .dark-mode .actionBoxGroup--guide .actionBox__actions {
      border-color: #09090F; }
    @media only screen and (min-width: 1050px) {
      .actionBoxGroup--guide .actionBox__actions {
        -ms-grid-column: 1;
        border-bottom: none;
        border-right-style: solid;
        border-right-width: 1px; }
        .light-mode .actionBoxGroup--guide .actionBox__actions {
          border-color: #191b2b; }
        .dark-mode .actionBoxGroup--guide .actionBox__actions {
          border-color: #09090F; } }
    .actionBoxGroup--guide .actionBox__actions li:first-of-type {
      border-right-style: solid;
      border-right-width: 1px; }
      .light-mode .actionBoxGroup--guide .actionBox__actions li:first-of-type {
        border-color: #191b2b; }
      .dark-mode .actionBoxGroup--guide .actionBox__actions li:first-of-type {
        border-color: #09090F; }
    .actionBoxGroup--guide .actionBox__actions li:nth-child(1) {
      -ms-grid-column: 1; }
    .actionBoxGroup--guide .actionBox__actions li:nth-child(2) {
      -ms-grid-column: 2; }
  .actionBoxGroup--guide .actionBox__vote svg {
    transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    animation-name: bounceArrow--down;
    animation-duration: .35s; }
  .actionBoxGroup--guide .actionBox__vote--voted svg {
    animation-name: bounceArrow--up;
    animation-duration: .35s; }
    .light-mode .actionBoxGroup--guide .actionBox__vote--voted svg {
      fill: #2c85c5; }
    .dark-mode .actionBoxGroup--guide .actionBox__vote--voted svg {
      fill: #74baff; }
  .actionBoxGroup--guide .actionBox__vote--disabled {
    cursor: default; }
    .actionBoxGroup--guide .actionBox__vote--disabled:hover {
      text-decoration: none; }
      .light-mode .actionBoxGroup--guide .actionBox__vote--disabled:hover {
        color: #676767; }
      .dark-mode .actionBoxGroup--guide .actionBox__vote--disabled:hover {
        color: #70709b; }
  .actionBoxGroup--guide .actionBox__permalink {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    align-items: center;
    padding: 0.5rem; }
    @media only screen and (min-width: 1050px) {
      .actionBoxGroup--guide .actionBox__permalink {
        -ms-grid-column: 2;
        -ms-grid-row-align: center; } }
    .actionBoxGroup--guide .actionBox__permalink svg {
      -ms-grid-column: 1;
      -ms-grid-row-align: center;
      margin: 0 0.5rem; }
    .actionBoxGroup--guide .actionBox__permalink input {
      -ms-grid-column: 2;
      width: 100%; }

.img__part {
  display: block;
  background-color: #ffffff;
  padding: 4px;
  border-width: 1px;
  border-style: solid; }
  .light-mode .img__part {
    border-color: #dbdbdb; }
  .dark-mode .img__part {
    border-color: #37374d; }
  .img__part img {
    max-width: 100%;
    max-height: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    vertical-align: middle; }

.img__part--md {
  width: 48px;
  height: 48px; }

.img__part--sm {
  width: 36px;
  height: 36px; }

.allocations__wrapper {
  display: grid;
  grid-column-gap: 0;
  grid-row-gap: 2rem; }
  @media only screen and (min-width: 1050px) {
    .allocations__wrapper {
      grid-template-columns: 3fr 1fr;
      grid-column-gap: 2rem;
      grid-row-gap: 0; } }
.allocations__component {
  display: flex;
  align-items: center;
  margin-bottom: 1rem; }
  .allocations__component .img__part {
    margin-right: 1rem; }
  .allocations__component h6 {
    line-height: 1.125; }

@media only screen and (min-width: 1050px) {
  .allocation__diagram {
    columns: 2;
    column-gap: 64px; }
    .allocation__diagram .allocationGroup {
      overflow: hidden;
      break-inside: avoid-column; } }

.allocationGroup {
  display: grid;
  grid-template-columns: 132px 38px minmax(0, 300px);
  align-items: stretch;
  padding-bottom: 3rem; }
  .allocationGroup li {
    position: relative;
    height: 100%; }
    .allocationGroup li > div {
      position: relative;
      top: 50%;
      transform: translateY(-50%); }

.allocation__header,
.allocation__port {
  padding: 0.25rem 0.5rem;
  border-left-width: 1px;
  border-right-width: 1px;
  border-style: solid; }
  .light-mode .allocation__header, .light-mode .allocation__port {
    background-color: #ffffff;
    border-color: #D9D9D9; }
  .dark-mode .allocation__header, .dark-mode .allocation__port {
    background-color: #09090F;
    border-color: #37374D; }

.light-mode .allocation__port--last {
  box-shadow: 0px 1px 0px #D9D9D9; }

.dark-mode .allocation__port--last {
  box-shadow: 0px 1px 0px #37374D; }

.allocation__header {
  padding-top: 0.25rem;
  border-top-width: 1px; }
  .allocation__header h6 {
    font-size: 0.625rem;
    text-align: center; }

.port__block {
  display: flex;
  text-align: center;
  border-width: 2px;
  border-style: solid;
  font-size: 0.625rem;
  font-weight: 700;
  padding: 0.25rem;
  align-items: center;
  justify-content: center;
  min-height: 2.5rem;
  line-height: 1.125; }

.light-mode .port__block--unused {
  border-color: #D9D9D9; }

.dark-mode .port__block--unused {
  border-color: #37374D; }

.port__block--active {
  position: relative;
  z-index: 10; }
  .light-mode .port__block--active {
    background-color: #ffffff;
    color: #191b2b;
    border-color: #2c85c5; }
  .dark-mode .port__block--active {
    background-color: #09090F;
    color: #EEEEF3;
    border-color: #2b86de; }
  .port__block--active:after {
    display: block;
    content: "";
    position: absolute;
    height: 2px;
    width: 11px;
    right: -11px; }
    .light-mode .port__block--active:after {
      background-color: #2c85c5; }
    .dark-mode .port__block--active:after {
      background-color: #2b86de; }

.port__block--warning {
  position: relative;
  z-index: 10; }
  .light-mode .port__block--warning {
    border-color: #ffffff; }
  .dark-mode .port__block--warning {
    border-color: #09090F; }
  .port__block--warning:before {
    display: block;
    content: "";
    width: 0.5rem;
    height: 0.5rem;
    position: relative;
    border-radius: 0.25rem; }
    .light-mode .port__block--warning:before {
      background-color: #ffffff;
      box-shadow: inset 0px 0px 0px 2px #ff9115; }
    .dark-mode .port__block--warning:before {
      background-color: #09090F;
      box-shadow: inset 0px 0px 0px 2px #DA682C; }
  .port__block--warning:after {
    display: block;
    content: "";
    position: absolute;
    height: 2px;
    width: 60px;
    right: -9px;
    top: 48%; }
    .light-mode .port__block--warning:after {
      background: repeating-linear-gradient(to right, #ffffff, #ffffff 9px, #ff9115 9px, #ff9115 18px); }
    .dark-mode .port__block--warning:after {
      background: repeating-linear-gradient(to right, #09090F, #09090F 9px, #DA682C 9px, #DA682C 18px); }

.light-mode .port__block--disabled {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2217%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h17v17H0z%22%2F%3E%3Cpath%20d%3D%22M-11.092%208.121l21.213-21.213M-8.263%2010.95L12.95-10.263M-5.435%2013.778L15.778-7.435M-2.607%2016.607L18.607-4.607M.222%2019.435L21.435-1.778M3.05%2022.263L24.263%201.05M5.88%2025.092L27.092%203.879%22%20stroke%3D%22%23D9D9D9%22%20stroke-width%3D%222%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h17v17H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  border-color: #D9D9D9; }

.dark-mode .port__block--disabled {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2217%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%3Cpath%20fill%3D%22%2309090F%22%20d%3D%22M0%200h17v17H0z%22%2F%3E%3Cpath%20d%3D%22M-11.092%208.121l21.213-21.213M-8.263%2010.95L12.95-10.263M-5.435%2013.778L15.778-7.435M-2.607%2016.607L18.607-4.607M.222%2019.435L21.435-1.778M3.05%2022.263L24.263%201.05M5.88%2025.092L27.092%203.879%22%20stroke%3D%22%2337374D%22%20stroke-width%3D%222%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h17v17H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  border-color: #37374D; }

.port__block--disabled p {
  border-radius: 0.25rem;
  padding: 0.25rem; }
  .port__block--disabled p span {
    display: block;
    font-weight: normal; }
    .light-mode .port__block--disabled p span {
      color: #929292; }
    .dark-mode .port__block--disabled p span {
      color: #717184; }
  .light-mode .port__block--disabled p {
    background-color: #ffffff; }
  .dark-mode .port__block--disabled p {
    background-color: #09090F; }

.connection__block {
  display: flex;
  justify-content: center;
  position: relative;
  height: 2px; }
  .connection__block .note__tag {
    position: relative;
    left: -4px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10; }

.light-mode .connection__block--active {
  background-color: #2c85c5; }

.dark-mode .connection__block--active {
  background-color: #2b86de; }

.light-mode .connection__block--warning {
  background-color: #ff9115; }

.dark-mode .connection__block--warning {
  background-color: #DA682C; }

.part__block {
  display: grid;
  grid-template-columns: auto 1fr;
  border-width: 2px;
  border-style: solid;
  font-size: 0.625rem;
  font-weight: 700;
  align-items: center;
  min-height: 2.5rem;
  line-height: 1.125; }
  .part__block .img__wrapper {
    height: 100%;
    background-color: #ffffff;
    display: flex;
    align-items: center; }
  .part__block .img__part {
    border: 0;
    position: relative; }
  .part__block p {
    padding: 0.25rem 0.5rem; }

.part__block--active {
  color: #ffffff; }
  .light-mode .part__block--active {
    background-color: #2c85c5;
    border-color: #2c85c5; }
  .dark-mode .part__block--active {
    background-color: #2b86de;
    border-color: #2b86de; }

.part__block--warning p span {
  display: block;
  font-weight: normal; }
  .light-mode .part__block--warning p span {
    color: #ff9115; }
  .dark-mode .part__block--warning p span {
    color: #DA682C; }

.light-mode .part__block--warning {
  background-color: #ffffff;
  color: #191b2b;
  border-color: #ff9115; }

.dark-mode .part__block--warning {
  background-color: #09090F;
  color: #EEEEF3;
  border-color: #DA682C; }

.allocations__notes li {
  display: flex;
  margin-bottom: 1rem;
  font-size: 0.875rem; }
  .allocations__notes li h6 {
    font-size: 0.875rem; }
  .allocations__notes li > :first-child {
    margin-right: 1rem; }
  .allocations__notes li:first-of-type {
    align-items: center;
    height: 48px; }
    .allocations__notes li:first-of-type div {
      position: relative;
      width: 20px;
      top: 3px; }

.note__tag {
  position: relative;
  top: 1px;
  height: 20px;
  min-width: 20px;
  text-align: center;
  font-size: 0.625rem;
  font-weight: 700;
  border-radius: 4px;
  padding: 2px 6px;
  color: #ffffff; }

.light-mode .note__tag--default {
  background-color: #2c85c5; }

.dark-mode .note__tag--default {
  background-color: #2b86de; }

.light-mode .note__tag--warning {
  background-color: #ff9115; }

.dark-mode .note__tag--warning {
  background-color: #DA682C; }

.note__tag--disabled {
  border-width: 2px;
  border-style: solid; }
  .light-mode .note__tag--disabled {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2217%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h17v17H0z%22%2F%3E%3Cpath%20d%3D%22M-11.092%208.121l21.213-21.213M-8.263%2010.95L12.95-10.263M-5.435%2013.778L15.778-7.435M-2.607%2016.607L18.607-4.607M.222%2019.435L21.435-1.778M3.05%2022.263L24.263%201.05M5.88%2025.092L27.092%203.879%22%20stroke%3D%22%23D9D9D9%22%20stroke-width%3D%222%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h17v17H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
    border-color: #D9D9D9; }
  .dark-mode .note__tag--disabled {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2217%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%3Cpath%20fill%3D%22%2309090F%22%20d%3D%22M0%200h17v17H0z%22%2F%3E%3Cpath%20d%3D%22M-11.092%208.121l21.213-21.213M-8.263%2010.95L12.95-10.263M-5.435%2013.778L15.778-7.435M-2.607%2016.607L18.607-4.607M.222%2019.435L21.435-1.778M3.05%2022.263L24.263%201.05M5.88%2025.092L27.092%203.879%22%20stroke%3D%22%2337374D%22%20stroke-width%3D%222%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h17v17H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
    border-color: #37374D; }

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

small {
  font-size: 16px; }

sub,
sup {
  font-size: 16px; }

sup {
  top: -0.5rem; }

sub {
  bottom: -.25rem; }

code,
kbd,
pre,
samp {
  font-size: 16px; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

optgroup {
  font-weight: 700; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none; }

.light-mode body {
  color: #191b2b; }

.dark-mode body {
  color: #EEEEF3; }

.light-mode a {
  color: #2c85c5; }

.dark-mode a {
  color: #74baff; }

html {
  box-sizing: border-box; }

*,
*:before,
*:after {
  -moz-box-sizing: inherit;
  box-sizing: inherit; }

img {
  max-width: 100%;
  height: auto; }
  @media only screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    img {
      width: 100%; } }
input {
  -webkit-appearance: none;
  border-radius: 0; }

.breadcrumb {
  margin-bottom: 0.5rem; }
  .breadcrumb ol {
    font-size: 0.875rem; }
    .breadcrumb ol li {
      display: inline-block;
      position: relative;
      padding-right: 1.5rem; }
      .breadcrumb ol li:after {
        content: "/";
        display: inline-block;
        position: absolute;
        right: 7px; }
        .light-mode .breadcrumb ol li:after {
          color: #929292; }
        .dark-mode .breadcrumb ol li:after {
          color: #717184; }
      .breadcrumb ol li:last-child:after {
        display: none; }
      .breadcrumb ol li:last-child {
        padding-right: 0; }

@media only screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  #log-index .logGroup__card, #userbuild-index .logGroup__card {
    margin-bottom: 1rem; } }
  @media only screen and (-ms-high-contrast: active) and (min-width: 768px), only screen and (-ms-high-contrast: none) and (min-width: 768px) {
    #log-index .logGroup__card, #userbuild-index .logGroup__card {
      display: inline-block;
      width: 350px;
      vertical-align: top;
      margin: 0 0.5rem 1rem 0; } }
.logGrid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  grid-gap: 2rem; }

.logGroup__card {
  position: relative;
  display: grid;
  box-shadow: 0px 0px 0px 1px #929292;
  transition: box-shadow 0.45s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .light-mode .logGroup__card {
    background-color: #ffffff; }
  .dark-mode .logGroup__card {
    background-color: #46465c; }
  .logGroup__card:hover {
    box-shadow: 0px 0px 0px 3px #EDA920;
    transition: box-shadow 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .logGroup__card .logGroup__target {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .logGroup__card .logGroup__content--wrapper1 {
    pointer-events: none; }
  .logGroup__card .logGroup__content--wrapper2 {
    pointer-events: none;
    margin-top: 1.5rem;
    border-top-style: solid;
    border-top-width: 1px;
    align-self: end; }
    .light-mode .logGroup__card .logGroup__content--wrapper2 {
      border-color: #EAEAEA; }
    .dark-mode .logGroup__card .logGroup__content--wrapper2 {
      border-color: #282838; }
  .logGroup__card .log__author {
    font-size: 0.75rem;
    padding: 12px 1.5rem;
    position: relative; }
    .light-mode .logGroup__card .log__author {
      background-color: #191b2b; }
    .dark-mode .logGroup__card .log__author {
      background-color: #09090F; }
    .logGroup__card .log__author a {
      color: #ffffff;
      font-weight: bold;
      pointer-events: all; }
      .logGroup__card .log__author a img {
        vertical-align: middle;
        margin-right: 0.5rem;
        width: 24px; }
    .logGroup__card .log__author .log__featured {
      position: absolute;
      top: 1rem;
      right: 1.5rem; }
      .logGroup__card .log__author .log__featured svg {
        fill: #ff9115; }
  .logGroup__card .log__image {
    display: block;
    min-height: 225px;
    background-size: cover;
    background-position: center center; }
  .logGroup__card .logStatus {
    padding: 0 1.5rem;
    margin: 1rem 0; }
  .logGroup__card .log__title {
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.25;
    padding: 0 1.5rem;
    margin: 1rem 0; }
    .logGroup__card .log__title a {
      pointer-events: all; }
      .light-mode .logGroup__card .log__title a {
        color: #191b2b; }
      .dark-mode .logGroup__card .log__title a {
        color: #EEEEF3; }
  .logGroup__card .log__keyProducts {
    padding: 0 1.5rem; }
    .logGroup__card .log__keyProducts li {
      line-height: 1;
      padding: 4px 0;
      font-size: 0.875rem; }
  .logGroup__card .log__numbers {
    display: grid;
    grid-template-columns: auto 1fr auto;
    padding: 1rem 1.5rem;
    font-weight: 700;
    align-items: center; }
    .logGroup__card .log__numbers .log__price {
      font-size: 1rem;
      line-height: 1;
      pointer-events: all; }
    .logGroup__card .log__numbers .log__links {
      grid-column: 4/5;
      text-align: right;
      line-height: 1.125;
      font-size: 0.875rem; }
      .logGroup__card .log__numbers .log__links svg {
        position: relative;
        top: 3px; }
      .logGroup__card .log__numbers .log__links span {
        margin-left: 1rem; }
      .logGroup__card .log__numbers .log__links .log__link--followers {
        pointer-events: all; }
        .logGroup__card .log__numbers .log__links .log__link--followers svg {
          margin-right: 6px;
          width: 12px; }
          .light-mode .logGroup__card .log__numbers .log__links .log__link--followers svg {
            fill: #191b2b; }
          .dark-mode .logGroup__card .log__numbers .log__links .log__link--followers svg {
            fill: #EEEEF3; }
      .logGroup__card .log__numbers .log__links .log__link--comments {
        pointer-events: all; }
        .logGroup__card .log__numbers .log__links .log__link--comments svg {
          margin-right: 6px;
          width: 12px; }
          .light-mode .logGroup__card .log__numbers .log__links .log__link--comments svg {
            fill: #191b2b; }
          .dark-mode .logGroup__card .log__numbers .log__links .log__link--comments svg {
            fill: #EEEEF3; }

.compatibleParts .compatibleParts__list li a {
  display: block;
  padding: 0.25rem 0; }

.buildVideos li .buildVideo {
  display: block;
  line-height: 1.25;
  padding: 1rem 0;
  border-bottom-style: solid;
  border-bottom-width: 1px; }
  .light-mode .buildVideos li .buildVideo {
    color: #191b2b;
    border-bottom-color: #dbdbdb; }
  .dark-mode .buildVideos li .buildVideo {
    color: #EEEEF3;
    border-bottom-color: #37374d; }
  .buildVideos li .buildVideo:hover {
    color: #2c85c5; }
  .buildVideos li .buildVideo img {
    margin-bottom: 0.5rem; }
  .buildVideos li .buildVideo .buildVideo__title {
    font-size: 0.875rem; }

.buildVideos li:first-of-type .buildVideo {
  padding-top: 0; }

.buildVideos li:last-of-type .buildVideo {
  border-bottom: 0; }

.partReviews .partReviews__review {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom-style: solid;
  border-bottom-width: 1px; }
  .light-mode .partReviews .partReviews__review {
    border-bottom-color: #dbdbdb; }
  .dark-mode .partReviews .partReviews__review {
    border-bottom-color: #37374d; }
  .partReviews .partReviews__review .partReviews__wrapper {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-column-gap: 1rem;
    margin-bottom: 1rem; }
    @media only screen and (min-width: 1050px) {
      .partReviews .partReviews__review .partReviews__wrapper {
        grid-template-columns: auto 1fr auto; } }
  .partReviews .partReviews__review .partReviews__action {
    margin-top: 1rem;
    grid-column: 1/3; }
    @media only screen and (min-width: 1050px) {
      .partReviews .partReviews__review .partReviews__action {
        margin-top: 0;
        grid-column: auto; } }
    .partReviews .partReviews__review .partReviews__action a {
      width: 100%; }
  .partReviews .partReviews__review .partReviews__image {
    line-height: 0; }
    .partReviews .partReviews__review .partReviews__image a {
      display: table-cell;
      vertical-align: middle;
      position: relative;
      text-align: center;
      width: 80px;
      height: 80px; }
      .partReviews .partReviews__review .partReviews__image a img {
        max-width: 100%;
        max-height: 100%; }
  .partReviews .partReviews__review .partReviews__category {
    color: #6c6c6c;
    font-weight: 500;
    font-size: 0.875rem; }
  .light-mode .partReviews .partReviews__review .partReviews__name {
    color: #26293c; }
  .dark-mode .partReviews .partReviews__review .partReviews__name {
    color: #B8B8C8; }
  .partReviews .partReviews__review .partReviews__name a {
    font-weight: 700;
    font-size: 1.125rem; }
    .light-mode .partReviews .partReviews__review .partReviews__name a {
      color: #191b2b; }
    .dark-mode .partReviews .partReviews__review .partReviews__name a {
      color: #EEEEF3; }
  .partReviews .partReviews__review .partReviews__writeup .markdown p:last-of-type {
    margin-bottom: 0; }
  .partReviews .partReviews__review .partReviews__rating--edit ul {
    display: inline-block; }
  .partReviews .partReviews__review .partReviews__rating--edit h4 {
    font-weight: 700;
    font-size: 0.6875rem;
    color: #6c6c6c;
    text-transform: uppercase;
    margin-bottom: 0.5rem; }
  .partReviews .partReviews__review .partReviews__rating--edit .product--rating li svg {
    width: 16px;
    height: 16px; }

#product-page .product_builds .logGrid {
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  grid-gap: 1rem; }

#product-page .partReviews .partReviews__review .partReviews__name ul, #product-page .partReviews .partReviews__review .partReviews__name p {
  display: inline-block; }

#product-page .partReviews .partReviews__review .partReviews__name ul {
  margin-right: 0.5rem; }

#product-page .partReviews .partReviews__review .partReviews__name p a {
  font-size: 1rem; }

#userbuild-edit #gallery_box {
  border: 1px solid #929292;
  background-color: #ffffff;
  margin-bottom: 2rem; }
  @media only screen and (min-width: 1050px) {
    #userbuild-edit #gallery_box {
      border: none;
      margin-bottom: 0; } }
  #userbuild-edit #gallery_box .gallery--product {
    border: none; }
  #userbuild-edit #gallery_box .build-carousel-edit-images {
    text-align: center;
    padding-top: 0.5rem;
    padding-bottom: 2rem; }
    .light-mode #userbuild-edit #gallery_box .build-carousel-edit-images {
      background-color: #ffffff; }
    .dark-mode #userbuild-edit #gallery_box .build-carousel-edit-images {
      background-color: #282838; }
    @media only screen and (min-width: 1050px) {
      #userbuild-edit #gallery_box .build-carousel-edit-images {
        padding-bottom: 0; } }
#userbuild-edit-description .user-build-title {
  width: 100%; }

#userbuild-edit-images .user-build-image-uploads input {
  width: 100%;
  background-color: transparent;
  padding: 0; }

#userbuild-edit-images .image-list li {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  margin-bottom: 1rem;
  border-style: solid;
  border-width: 1px;
  padding: 1rem; }
  .light-mode #userbuild-edit-images .image-list li {
    background-color: #ffffff;
    border-color: #dbdbdb; }
  .dark-mode #userbuild-edit-images .image-list li {
    background-color: #09090F;
    border-color: #37374d; }
  .light-mode #userbuild-edit-images .image-list li .shape-drag-handle {
    fill: #929292; }
  .dark-mode #userbuild-edit-images .image-list li .shape-drag-handle {
    fill: #717184; }
  #userbuild-edit-images .image-list li img {
    max-width: 128px;
    margin-left: 1rem; }
  #userbuild-edit-images .image-list li:hover {
    cursor: pointer; }
    .light-mode #userbuild-edit-images .image-list li:hover .shape-drag-handle {
      fill: #191b2b; }
    .dark-mode #userbuild-edit-images .image-list li:hover .shape-drag-handle {
      fill: #EEEEF3; }
  .light-mode #userbuild-edit-images .image-list li .user-build-image-delete:hover svg {
    fill: #d91e18; }
  .dark-mode #userbuild-edit-images .image-list li .user-build-image-delete:hover svg {
    fill: #ff4560; }
  #userbuild-edit-images .image-list li:last-of-type {
    margin-bottom: 0; }

#buildLog .wrapper__pageTitle {
  background-size: cover;
  background-position: center center;
  position: relative;
  border-top: 1px solid rgba(20, 17, 24, 0.05); }
  #buildLog .wrapper__pageTitle:before {
    display: block;
    content: "";
    background-color: rgba(25, 27, 43, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: inset 0px -150px 120px -120px rgba(0, 0, 0, 0.8); }
  #buildLog .wrapper__pageTitle .buildLog__header {
    display: flex;
    flex-direction: column;
    border-top: 0;
    padding-bottom: 0;
    position: relative;
    z-index: 1; }
    @media only screen and (min-width: 1050px) {
      #buildLog .wrapper__pageTitle .buildLog__header {
        flex-direction: row;
        align-items: flex-end; } }
    #buildLog .wrapper__pageTitle .buildLog__header .buildLog__primaryImg {
      width: 91.6666666667%;
      margin: 0 auto -32px;
      position: relative;
      box-shadow: 0px 0px 0px 4px #ffffff; }
      @media only screen and (min-width: 1050px) {
        #buildLog .wrapper__pageTitle .buildLog__header .buildLog__primaryImg {
          width: 33.3333333333%;
          margin-bottom: -2rem; } }
    #buildLog .wrapper__pageTitle .buildLog__header .h1__wrapper {
      background-color: #ffffff;
      padding-top: 2.5rem; }
      @media only screen and (min-width: 1050px) {
        #buildLog .wrapper__pageTitle .buildLog__header .h1__wrapper {
          width: 66.6666666667%;
          padding-left: 2rem;
          background-color: transparent;
          padding-top: 0; } }
    #buildLog .wrapper__pageTitle .buildLog__header .pageTitle {
      width: 91.6666666667%;
      color: #191b2b;
      margin: 0 auto;
      line-height: 1.125;
      font-size: 2rem;
      text-align: left;
      font-weight: 700; }
      @media only screen and (min-width: 1050px) {
        #buildLog .wrapper__pageTitle .buildLog__header .pageTitle {
          width: 100%;
          color: #ffffff;
          padding-bottom: 1rem; } }
      @media only screen and (min-width: 1050px) {
        #buildLog .wrapper__pageTitle .buildLog__header .pageTitle {
          font-size: 3rem; } }
@media only screen and (max-width: 1049px) {
  #buildLog .wrapper__pageContent {
    padding-top: 0; } }

#buildLog .sidebar-content .subTitle .subTitle__header h2 {
  font-size: 0.875rem; }

#buildLog .sidebar-content .logStatus {
  margin: 1rem 0; }

#buildLog .logEntry .logStatus {
  justify-content: center;
  grid-template-columns: repeat(4, 1rem); }

.logStatus {
  width: 100%;
  font-size: 0.625rem;
  font-weight: 700;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 3px; }
  .logStatus li {
    padding-bottom: 2px;
    border-bottom: 4px solid #acacac;
    text-align: center; }
    .logStatus li.logStatus__bar--null {
      border-bottom: 4px solid #acacac; }

.logStatus--researching li {
  border-color: #4E9DD4;
  color: #347FB3; }

.logStatus--buying li {
  border-color: #3FC585;
  color: #1D9C5F; }

.logStatus--building li {
  border-color: #CCB983;
  color: #8E7B44; }

.logStatus--completed li {
  border-color: #F57C27;
  color: #D16112; }

.logDescription {
  font-size: 0.875rem;
  color: #6c6c6c; }

.logStats {
  margin: 1.5rem 0; }
  .logStats li {
    position: relative;
    font-size: 0.875rem;
    border-bottom: 1px solid #a1a1a1; }
    .logStats li:last-of-type {
      border-bottom: none; }
    .logStats li .logStats__action {
      display: block;
      color: #191b2b;
      padding: 1rem 0; }
      .logStats li .logStats__action svg {
        position: relative;
        top: 3px;
        margin-right: 0.5rem;
        fill: #929292; }
    .logStats li .logStats__action--likes svg {
      fill: #EB4A62; }
  .logStats .logStats__count {
    position: absolute;
    top: 0;
    right: 0;
    color: #191b2b;
    padding: 1rem 0; }
    .logStats .logStats__count span {
      font-weight: 700; }

.logEntry {
  border-top: 1px solid #a1a1a1;
  padding: 2rem 0 3rem; }
  .logEntry:first-of-type {
    border-top: 0; }
  .logEntry .logEntry__info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "top top" "left right";
    align-items: center; }
    @media only screen and (min-width: 768px) {
      .logEntry .logEntry__info {
        grid-template-columns: 1fr 100px 1fr;
        grid-template-rows: none;
        grid-template-areas: "left center right"; } }
    .logEntry .logEntry__info .logStatusMini {
      grid-area: top;
      padding-bottom: 1rem;
      justify-self: center;
      text-align: center;
      font-size: 0.625rem;
      font-weight: 700; }
      @media only screen and (min-width: 768px) {
        .logEntry .logEntry__info .logStatusMini {
          grid-area: center;
          padding-bottom: 6px; } }
    .logEntry .logEntry__info .logStatusMini--researching {
      color: #347FB3; }
    .logEntry .logEntry__info .logStatusMini--buying {
      color: #1D9C5F; }
    .logEntry .logEntry__info .logStatusMini--building {
      color: #8E7B44; }
    .logEntry .logEntry__info .logStatusMini--completed {
      color: #D16112; }
    .logEntry .logEntry__info .logEntry__author .userAvatar {
      margin-right: 12px;
      margin-bottom: 0; }
      .logEntry .logEntry__info .logEntry__author .userAvatar img {
        max-width: 36px; }
    .logEntry .logEntry__info .logEntry__author .userDetails {
      font-size: 0.875rem;
      line-height: 1.25; }
    .logEntry .logEntry__info .logEntry__comments {
      justify-self: end;
      font-weight: 700;
      font-size: 0.875rem;
      color: #191b2b; }
      .logEntry .logEntry__info .logEntry__comments:hover {
        color: #2c85c5; }
      .logEntry .logEntry__info .logEntry__comments svg {
        position: relative;
        top: 4px;
        margin-right: 0.5rem; }
  .logEntry .markdown h1 a {
    color: #191b2b; }
    .logEntry .markdown h1 a:hover {
      color: #2c85c5; }
  .logEntry .markdown figure {
    font-size: 0.75rem;
    color: #6c6c6c;
    margin-bottom: 1.5rem; }
    @media only screen and (min-width: 1050px) {
      .logEntry .markdown figure {
        font-size: 0.875rem; } }
    .logEntry .markdown figure figcaption {
      padding-bottom: 1rem;
      border-bottom: 1px solid #a1a1a1; }

.button {
  font-size: 1.125rem;
  font-weight: 700;
  text-decoration: none !important; }

.button--small {
  font-size: 0.875rem !important; }

.commentBox {
  margin-bottom: 2rem; }
  @media only screen and (min-width: 1050px) {
    .commentBox {
      margin-bottom: 0; } }
.forumRules {
  margin-bottom: 1rem; }
  @media only screen and (min-width: 1050px) {
    .forumRules {
      margin-bottom: 0; } }
.comment__wrapper {
  border-top-style: solid;
  border-top-width: 1px; }
  .light-mode .comment__wrapper {
    border-color: #dbdbdb; }
  .dark-mode .comment__wrapper {
    border-color: #37374d; }
  .comment__wrapper:first-of-type {
    border-top: 0; }
  .comment__wrapper .comment {
    padding: 1.5rem 0; }
    .comment__wrapper .comment .comment__commentData {
      line-height: 1; }
      .light-mode .comment__wrapper .comment .comment__commentData {
        color: #929292; }
      .dark-mode .comment__wrapper .comment .comment__commentData {
        color: #717184; }
      .comment__wrapper .comment .comment__commentData li {
        display: inline-block;
        font-size: 0.6875rem;
        margin-right: 0.5rem; }
        .comment__wrapper .comment .comment__commentData li:last-of-type {
          margin-right: 0; }
    .comment__wrapper .comment.comment--deleted {
      background-color: rgba(255, 145, 21, 0.1);
      position: relative; }
      .comment__wrapper .comment.comment--deleted:before {
        content: "User Deleted";
        display: block;
        position: absolute;
        color: #f78300;
        font-size: 0.625rem;
        font-weight: 700;
        text-transform: uppercase;
        top: 0.5rem;
        right: 0.5rem; }
    .comment__wrapper .comment.comment--locked {
      background-color: rgba(217, 30, 24, 0.1);
      position: relative; }
      .comment__wrapper .comment.comment--locked:before {
        content: "Staff Deleted";
        display: block;
        position: absolute;
        color: #E52C34;
        font-size: 0.625rem;
        font-weight: 700;
        text-transform: uppercase;
        top: 0.5rem;
        right: 0.5rem; }
    .comment__wrapper .comment .comment-delete-confirm {
      margin-right: 0.5rem; }
      .comment__wrapper .comment .comment-delete-confirm a {
        padding: 0 0.5rem;
        margin-right: 0;
        font-weight: 700; }
        .comment__wrapper .comment .comment-delete-confirm a.comment-confirm--yes {
          border-right-style: solid;
          border-right-width: 1px; }
          .light-mode .comment__wrapper .comment .comment-delete-confirm a.comment-confirm--yes {
            color: #2c85c5;
            border-color: #dbdbdb; }
          .dark-mode .comment__wrapper .comment .comment-delete-confirm a.comment-confirm--yes {
            color: #74baff;
            border-color: #37374d; }
          .comment__wrapper .comment .comment-delete-confirm a.comment-confirm--yes:hover {
            color: #2c85c5; }
        .comment__wrapper .comment .comment-delete-confirm a.comment-confirm--no {
          color: #E52C34; }
  .comment__wrapper .comment--nested {
    margin-left: 0.5rem; }
    @media only screen and (min-width: 1050px) {
      .comment__wrapper .comment--nested {
        margin-left: 1.5rem; } }
    .comment__wrapper .comment--nested .comment__wrapper {
      border-left-style: solid;
      border-left-width: 1px; }
      .light-mode .comment__wrapper .comment--nested .comment__wrapper {
        border-color: #dbdbdb; }
      .dark-mode .comment__wrapper .comment--nested .comment__wrapper {
        border-color: #37374d; }
      .comment__wrapper .comment--nested .comment__wrapper .comment {
        padding: 1rem 0 1rem 0.5rem;
        border-top-style: solid;
        border-top-width: 1px; }
        @media only screen and (min-width: 1050px) {
          .comment__wrapper .comment--nested .comment__wrapper .comment {
            padding: 1.5rem; } }
        .light-mode .comment__wrapper .comment--nested .comment__wrapper .comment {
          border-color: #dbdbdb; }
        .dark-mode .comment__wrapper .comment--nested .comment__wrapper .comment {
          border-color: #37374d; }

.comment-continue-thread {
  padding-top: 1rem; }

.comment-reply-point {
  margin-top: 1rem; }
  .comment-reply-point textarea {
    font-size: 1.125rem; }

.border {
  border-style: solid; }

.light-mode .border-neutral--00 {
  border-color: #ffffff; }

.dark-mode .border-neutral--00 {
  border-color: #09090F; }

.light-mode .border-neutral--0 {
  border-color: #EAEAEA; }

.dark-mode .border-neutral--0 {
  border-color: #282838; }

.light-mode .border-neutral-- {
  border-color: #929292; }

.dark-mode .border-neutral-- {
  border-color: #717184; }

.light-mode .border-neutral--1 {
  border-color: #26293c; }

.dark-mode .border-neutral--1 {
  border-color: #B8B8C8; }

.light-mode .border-neutral--11 {
  border-color: #191b2b; }

.dark-mode .border-neutral--11 {
  border-color: #EEEEF3; }

.border-width-1 {
  border-width: 1px; }

.border-width-2 {
  border-width: 2px; }

.border-width-3 {
  border-width: 3px; }

.border-width-4 {
  border-width: 4px; }

.border-width-5 {
  border-width: 5px; }

.light-mode input.nonzero[type=text] {
  box-shadow: inset 0px 0px 0px 1px #d91e18; }

.dark-mode input.nonzero[type=text] {
  box-shadow: inset 0px 0px 0px 1px #ff4560; }

.light-mode input.nonzero[type=text]:hover {
  box-shadow: inset 0px 0px 0px 1px #d91e18; }

.dark-mode input.nonzero[type=text]:hover {
  box-shadow: inset 0px 0px 0px 1px #ff4560; }

.autoreport_keyword {
  font-weight: 700; }
  .light-mode .autoreport_keyword {
    color: #d91e18; }
  .dark-mode .autoreport_keyword {
    color: #ff4560; }

.reported__message {
  padding: 0.25rem;
  margin-top: 0px;
  margin-bottom: 0.5rem; }
  .light-mode .reported__message {
    box-shadow: inset 0px 0px 0px 1px rgba(25, 27, 43, 0.1);
    border-color: #dbdbdb;
    background-color: rgba(217, 30, 24, 0.2); }
  .dark-mode .reported__message {
    box-shadow: inset 0px 0px 0px 1px rgba(238, 238, 243, 0.1);
    border-color: #37374d;
    background-color: rgba(255, 69, 96, 0.2); }

.reported__comment {
  padding: 0.25rem;
  margin-top: 0px;
  margin-bottom: 0.5rem; }
  .light-mode .reported__comment {
    box-shadow: inset 0px 0px 0px 1px rgba(25, 27, 43, 0.1);
    border-color: #dbdbdb;
    background-color: rgba(44, 133, 197, 0.2); }
  .dark-mode .reported__comment {
    box-shadow: inset 0px 0px 0px 1px rgba(238, 238, 243, 0.1);
    border-color: #37374d;
    background-color: rgba(43, 134, 222, 0.2); }

.pendingProduct {
  margin-bottom: 2rem; }
  .pendingProduct .pendingProduct__header {
    padding: 0.5rem;
    font-weight: 700;
    margin-bottom: 2px; }
    .light-mode .pendingProduct .pendingProduct__header {
      background-color: #ffffff; }
    .dark-mode .pendingProduct .pendingProduct__header {
      background-color: #11111c; }

.pendingProduct__images {
  padding: 0.5rem; }
  .light-mode .pendingProduct__images {
    background-color: #ffffff; }
  .dark-mode .pendingProduct__images {
    background-color: #11111c; }
  .pendingProduct__images .image-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-gap: 2rem; }
    .pendingProduct__images .image-row .image-wrapper {
      background-color: #ffffff;
      border: solid 8px #EAEAEA; }
    .pendingProduct__images .image-row .image-state-visible {
      border-color: #6bb6ff; }
    .light-mode .pendingProduct__images .image-row .image-state-deleted {
      border-color: #d91e18; }
    .dark-mode .pendingProduct__images .image-row .image-state-deleted {
      border-color: #ff4560; }
  .pendingProduct__images .image-row-buttons {
    margin-top: 1rem;
    padding: 0.25rem; }

.wallpaperGrid {
  display: grid;
  grid-gap: 3rem; }
  @media only screen and (min-width: 1050px) {
    .wallpaperGrid {
      grid-template-columns: 1fr 1fr; } }
  .wallpaperGrid .wallpaper img {
    border-radius: 0.25rem;
    box-shadow: 0 0.3px 0.8px rgba(0, 0, 0, 0.039), 0 1.1px 2.5px rgba(0, 0, 0, 0.057), 0 2.7px 5.5px rgba(0, 0, 0, 0.07), 0 5.6px 10.3px rgba(0, 0, 0, 0.083), 0 10.8px 18px rgba(0, 0, 0, 0.101), 0 24px 36px rgba(0, 0, 0, 0.14); }

.wallpaperSizes .wallpaperSizes__link {
  display: flex;
  position: relative;
  padding: 1rem 0;
  border-bottom-style: solid;
  border-bottom-width: 1px; }
  .light-mode .wallpaperSizes .wallpaperSizes__link {
    border-color: rgba(25, 27, 43, 0.1); }
  .dark-mode .wallpaperSizes .wallpaperSizes__link {
    border-color: rgba(238, 238, 243, 0.1); }
  .wallpaperSizes .wallpaperSizes__link:last-of-type {
    border-bottom: none; }
  .wallpaperSizes .wallpaperSizes__link .ratio {
    font-size: 0.6875rem;
    font-weight: bold;
    margin-left: 0.5rem;
    padding: 4px 6px;
    border-radius: 0.25rem; }
    .light-mode .wallpaperSizes .wallpaperSizes__link .ratio {
      background-color: #ffffff; }
    .dark-mode .wallpaperSizes .wallpaperSizes__link .ratio {
      background-color: #09090F; }

.group--filter,
.partlist__folder {
  width: 100%; }
  .group--filter .group__title,
  .partlist__folder .group__title {
    display: block;
    position: relative;
    margin-bottom: 0.5rem; }
    .group--filter .group__title .collapse-toggle,
    .partlist__folder .group__title .collapse-toggle {
      display: block;
      position: absolute;
      top: 0;
      right: 8px;
      width: 10px;
      height: 18px; }
      @media only screen and (min-width: 1050px) {
        .group--filter .group__title .collapse-toggle,
        .partlist__folder .group__title .collapse-toggle {
          right: 0; } }
      .group--filter .group__title .collapse-toggle:before, .group--filter .group__title .collapse-toggle:after,
      .partlist__folder .group__title .collapse-toggle:before,
      .partlist__folder .group__title .collapse-toggle:after {
        content: "";
        margin-top: 16px;
        position: absolute;
        display: block;
        height: 2px;
        width: 16px;
        transition: transform 0.45s cubic-bezier(0.165, 0.84, 0.44, 1); }
        .light-mode .group--filter .group__title .collapse-toggle:before, .light-mode .group--filter .group__title .collapse-toggle:after, .light-mode .partlist__folder .group__title .collapse-toggle:before, .light-mode .partlist__folder .group__title .collapse-toggle:after {
          background-color: #2c85c5; }
        .dark-mode .group--filter .group__title .collapse-toggle:before, .dark-mode .group--filter .group__title .collapse-toggle:after, .dark-mode .partlist__folder .group__title .collapse-toggle:before, .dark-mode .partlist__folder .group__title .collapse-toggle:after {
          background-color: #74baff; }
        @media only screen and (min-width: 1050px) {
          .group--filter .group__title .collapse-toggle:before, .group--filter .group__title .collapse-toggle:after,
          .partlist__folder .group__title .collapse-toggle:before,
          .partlist__folder .group__title .collapse-toggle:after {
            margin-top: 8px;
            width: 10px; }
            .light-mode .group--filter .group__title .collapse-toggle:before, .light-mode .group--filter .group__title .collapse-toggle:after, .light-mode .partlist__folder .group__title .collapse-toggle:before, .light-mode .partlist__folder .group__title .collapse-toggle:after {
              background-color: #191b2b; }
            .dark-mode .group--filter .group__title .collapse-toggle:before, .dark-mode .group--filter .group__title .collapse-toggle:after, .dark-mode .partlist__folder .group__title .collapse-toggle:before, .dark-mode .partlist__folder .group__title .collapse-toggle:after {
              background-color: #B8B8C8; } }
  .group--filter .moreless,
  .partlist__folder .moreless {
    display: block;
    padding-top: 0.5rem;
    padding-bottom: 0; }
    .light-mode .group--filter .moreless, .light-mode .partlist__folder .moreless {
      color: #2c85c5 !important; }
    .dark-mode .group--filter .moreless, .dark-mode .partlist__folder .moreless {
      color: #74baff !important; }
    @media only screen and (min-width: 1050px) {
      .group--filter .moreless,
      .partlist__folder .moreless {
        font-size: 0.75rem !important; } }
  .group--filter select, .group--filter .select,
  .partlist__folder select,
  .partlist__folder .select {
    width: 100%; }
  .group--filter .group__content,
  .partlist__folder .group__content {
    margin-top: 0;
    margin-left: 1rem;
    margin-right: 1rem; }
    @media only screen and (min-width: 1050px) {
      .group--filter .group__content,
      .partlist__folder .group__content {
        margin-left: 0;
        margin-right: 0; } }
  .group--filter .toggled .collapse-toggle:before,
  .partlist__folder .toggled .collapse-toggle:before {
    transform: rotate(90deg); }
  .group--filter .js-hide-filter,
  .partlist__folder .js-hide-filter {
    display: none; }
  .group--filter .group__content .showLink__content,
  .partlist__folder .group__content .showLink__content {
    display: none; }
  .group--filter .group__content .showLink--less,
  .partlist__folder .group__content .showLink--less {
    display: none; }
  .group--filter .group__content .showLink--more .showLink--more,
  .partlist__folder .group__content .showLink--more .showLink--more {
    display: none; }
  .group--filter .group__content .showLink--more .showLink--less,
  .partlist__folder .group__content .showLink--more .showLink--less {
    display: inline; }
  .group--filter .product--rating,
  .partlist__folder .product--rating {
    display: inline-block;
    padding: 0; }
    .group--filter .product--rating li,
    .partlist__folder .product--rating li {
      display: inline;
      margin-right: 2px; }
      .group--filter .product--rating li svg,
      .partlist__folder .product--rating li svg {
        width: 16px;
        height: 16px; }
        @media only screen and (min-width: 1050px) {
          .group--filter .product--rating li svg,
          .partlist__folder .product--rating li svg {
            width: 10px;
            height: 10px; } }
.filter_slider--wrapper {
  position: relative;
  overflow: hidden;
  width: 100%; }

.ui-slider {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  position: relative;
  width: 85%;
  left: 3%;
  right: 3%;
  margin-top: 1rem;
  margin-bottom: 1rem; }
  .light-mode .ui-slider {
    background-color: #EAEAEA; }
  .dark-mode .ui-slider {
    background-color: #282838; }
  @media only screen and (min-width: 1050px) {
    .ui-slider {
      width: 92%;
      left: 4%;
      right: 4%; } }
.light-mode .filter-incompatible {
  color: rgba(25, 27, 43, 0.25); }

.dark-mode .filter-incompatible {
  color: rgba(238, 238, 243, 0.25); }

@media only screen and (min-width: 1050px) {
  .light-mode .filter-incompatible {
    color: rgba(146, 146, 146, 0.75); }
  .dark-mode .filter-incompatible {
    color: rgba(113, 113, 132, 0.75); } }

.ui-slider-horizontal {
  height: 3px;
  position: relative; }
  .ui-slider-horizontal .ui-slider-range {
    position: absolute;
    height: 3px;
    top: 0; }
    .light-mode .ui-slider-horizontal .ui-slider-range {
      background-color: #2c85c5; }
    .dark-mode .ui-slider-horizontal .ui-slider-range {
      background-color: #2b86de; }
  .ui-slider-horizontal .ui-slider-handle {
    border-radius: 50%;
    position: absolute;
    display: inline-block;
    width: 25px;
    height: 25px;
    top: -11px;
    margin-left: -8px;
    outline: none; }
    .light-mode .ui-slider-horizontal .ui-slider-handle {
      background-color: #2c85c5; }
    .dark-mode .ui-slider-horizontal .ui-slider-handle {
      background-color: #2b86de; }
    @media only screen and (min-width: 1050px) {
      .ui-slider-horizontal .ui-slider-handle {
        width: 15px;
        height: 15px;
        top: -6px; } }
.ui-slider-horizontal-labelbox {
  position: relative;
  margin-bottom: 0.5rem;
  width: 92%;
  left: 1%; }
  @media only screen and (min-width: 1050px) {
    .ui-slider-horizontal-labelbox {
      width: 100%;
      left: 0;
      right: 0; } }
  .ui-slider-horizontal-labelbox .ui-slider-horizontal-labelbox-label {
    position: absolute;
    top: 0px;
    left: 0px; }
    .ui-slider-horizontal-labelbox .ui-slider-horizontal-labelbox-label a {
      white-space: nowrap;
      font-size: 1.125rem; }
      @media only screen and (min-width: 1050px) {
        .ui-slider-horizontal-labelbox .ui-slider-horizontal-labelbox-label a {
          font-size: 0.75rem; } }
    .ui-slider-horizontal-labelbox .ui-slider-horizontal-labelbox-label .labelbox-input {
      display: none;
      height: 20px;
      white-space: nowrap;
      z-index: 1;
      font-size: 1.125rem; }
      @media only screen and (min-width: 1050px) {
        .ui-slider-horizontal-labelbox .ui-slider-horizontal-labelbox-label .labelbox-input {
          font-size: 0.75rem; } }
      .ui-slider-horizontal-labelbox .ui-slider-horizontal-labelbox-label .labelbox-input .ui-slider-horizontal-editbox {
        text-align: right;
        font-size: 1.125rem; }
        @media only screen and (min-width: 1050px) {
          .ui-slider-horizontal-labelbox .ui-slider-horizontal-labelbox-label .labelbox-input .ui-slider-horizontal-editbox {
            font-size: 0.75rem; } }
.productList__breadcrumbs p {
  margin-bottom: 1rem; }
  .productList__breadcrumbs p .appliedFilter__label {
    display: inline-block;
    margin-right: 0.5rem;
    font-size: 1rem;
    font-weight: 700; }
    @media only screen and (min-width: 1050px) {
      .productList__breadcrumbs p .appliedFilter__label {
        font-size: 0.875rem; } }
  .productList__breadcrumbs p .appliedFilter {
    margin: 2px 6px 2px 0; }
    .productList__breadcrumbs p .appliedFilter .appliedFilter__category {
      margin-right: 3px;
      font-size: 0.75rem;
      text-transform: uppercase;
      font-weight: bold; }
      @media only screen and (min-width: 1050px) {
        .productList__breadcrumbs p .appliedFilter .appliedFilter__category {
          font-size: 0.6875rem; } }
    .productList__breadcrumbs p .appliedFilter .pp-filter-breadcrumb {
      display: inline-block;
      font-size: 0.875rem;
      border-style: solid;
      border-width: 1px;
      padding: 1px 0px 1px 6px;
      border-radius: 4px;
      margin: 3px 4px 3px 0px;
      line-height: 1.5;
      transition: border-color 0.45s cubic-bezier(0.165, 0.84, 0.44, 1); }
      .light-mode .productList__breadcrumbs p .appliedFilter .pp-filter-breadcrumb {
        background-color: #ffffff;
        border-color: #dbdbdb;
        color: #191b2b; }
      .dark-mode .productList__breadcrumbs p .appliedFilter .pp-filter-breadcrumb {
        background-color: #11111c;
        border-color: #37374d;
        color: #EEEEF3; }
      @media only screen and (min-width: 1050px) {
        .productList__breadcrumbs p .appliedFilter .pp-filter-breadcrumb {
          line-height: 1.375;
          padding: 1px 0px 0px 6px;
          margin: 2px 4px 2px 0px;
          font-size: 0.75rem; } }
      .productList__breadcrumbs p .appliedFilter .pp-filter-breadcrumb:hover {
        text-decoration: none; }
        .light-mode .productList__breadcrumbs p .appliedFilter .pp-filter-breadcrumb:hover {
          border-color: #d91e18; }
        .dark-mode .productList__breadcrumbs p .appliedFilter .pp-filter-breadcrumb:hover {
          border-color: #ff4560; }
        .light-mode .productList__breadcrumbs p .appliedFilter .pp-filter-breadcrumb:hover svg {
          fill: #d91e18; }
        .dark-mode .productList__breadcrumbs p .appliedFilter .pp-filter-breadcrumb:hover svg {
          fill: #ff4560; }
      .productList__breadcrumbs p .appliedFilter .pp-filter-breadcrumb:last-of-type {
        margin-right: 0; }
      .productList__breadcrumbs p .appliedFilter .pp-filter-breadcrumb svg {
        margin: 0 5px;
        width: 10px;
        height: 10px; }
        @media only screen and (min-width: 1050px) {
          .productList__breadcrumbs p .appliedFilter .pp-filter-breadcrumb svg {
            width: 8px;
            height: 8px; } }
footer {
  padding: 3rem 0; }
  .light-mode footer {
    background-color: #191b2b; }
  .dark-mode footer {
    background-color: #09090F; }
  footer ul {
    padding: 0 0 3rem 0; }
    footer ul li {
      list-style: none;
      padding-bottom: 0.5rem; }
  footer h2 {
    font-size: 1rem;
    margin-bottom: 1rem; }
  footer .footer__logo {
    display: block; }
    @media only screen and (min-width: 768px) {
      footer .footer__logo {
        padding-top: 0; } }
    footer .footer__logo h1 {
      font-size: 1.5rem;
      line-height: 1; }
      footer .footer__logo h1 ul li {
        display: inline-block; }
        @media only screen and (min-width: 768px) {
          footer .footer__logo h1 ul li {
            display: block; } }
    footer .footer__logo img {
      margin-bottom: 1rem;
      width: 36px; }
  footer ul.footer__social {
    display: block;
    padding-bottom: 0;
    text-align: center;
    font-size: 0; }
    footer ul.footer__social li {
      display: inline-block; }
      footer ul.footer__social li a {
        padding: 1rem 1.5rem;
        display: block; }
        footer ul.footer__social li a svg.icon {
          transition: fill 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
          width: 24px;
          height: 24px; }
        footer ul.footer__social li a:hover svg.icon {
          fill: #2c85c5;
          transition: fill 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
  footer .footer__copyright {
    text-align: center;
    font-size: 0.75rem;
    padding-top: 1rem; }

.pcppNetwork {
  padding: 2rem;
  text-align: center;
  color: #ffffff; }
  .pcppNetwork .pcppNetwork__header {
    display: block; }
    .pcppNetwork .pcppNetwork__header h1 {
      font-size: 0.75rem;
      padding-bottom: 0.5rem;
      margin-bottom: 0.5rem;
      border-bottom: 2px solid rgba(146, 146, 146, 0.2);
      display: inline-block; }
  .pcppNetwork .pcppNetwork__logo {
    display: inline-block; }
    .pcppNetwork .pcppNetwork__logo img {
      height: 32px; }
  .pcppNetwork .pcppNetwork__logo--pcpp {
    margin-right: 1.5rem; }

.devFooter {
  margin-top: 1.5rem;
  color: #ffffff;
  font-size: 0.75rem;
  text-align: center; }
  .devFooter .devSwitch {
    font-weight: 700; }

.gallery {
  display: flex;
  flex-direction: column; }
  .gallery .gallery__strip {
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
    @media only screen and (min-width: 768px) {
      .gallery .gallery__strip {
        flex-wrap: nowrap; } }
    .gallery .gallery__strip .gallery__images {
      overflow: hidden;
      flex-grow: 2;
      flex-basis: 100%;
      margin: 0.5rem 0; }
      @media only screen and (min-width: 768px) {
        .gallery .gallery__strip .gallery__images {
          flex-basis: auto;
          order: 2; } }
      .gallery .gallery__strip .gallery__images ul {
        white-space: nowrap;
        position: relative;
        left: 0;
        text-align: center;
        padding: 0;
        line-height: 0;
        font-size: 0; }
        .gallery .gallery__strip .gallery__images ul li {
          display: inline-block;
          width: 100%;
          vertical-align: top; }
          @media only screen and (min-width: 768px) {
            .gallery .gallery__strip .gallery__images ul li {
              width: 50%; } }
          @media only screen and (min-width: 1050px) {
            .gallery .gallery__strip .gallery__images ul li {
              width: 25%; } }
          @media only screen and (min-width: 1536px) {
            .gallery .gallery__strip .gallery__images ul li {
              width: 16.67%; } }
          .gallery .gallery__strip .gallery__images ul li a {
            display: table;
            margin: 0 auto;
            line-height: 0; }
            .gallery .gallery__strip .gallery__images ul li a .gallery__imageWrapper {
              display: table-cell;
              width: 256px;
              height: 256px;
              padding: 0.5rem;
              vertical-align: middle;
              text-align: center; }
              .gallery .gallery__strip .gallery__images ul li a .gallery__imageWrapper img {
                max-width: 100%;
                max-height: 100%;
                transform: scale(1);
                transition: transform 0.45s cubic-bezier(0.165, 0.84, 0.44, 1); }
              .gallery .gallery__strip .gallery__images ul li a .gallery__imageWrapper:hover img {
                transform: scale(0.9); }
    .gallery .gallery__strip .gallery__control {
      flex-grow: 1;
      text-align: center;
      margin-bottom: 1rem; }
      @media only screen and (min-width: 768px) {
        .gallery .gallery__strip .gallery__control {
          margin-bottom: 0; } }
      .gallery .gallery__strip .gallery__control a svg {
        margin: 0; }
      .gallery .gallery__strip .gallery__control.gallery__control--left {
        order: 2;
        text-align: right;
        padding-right: 1rem; }
        @media only screen and (min-width: 768px) {
          .gallery .gallery__strip .gallery__control.gallery__control--left {
            order: 1;
            text-align: center;
            padding-right: 0; } }
      .gallery .gallery__strip .gallery__control.gallery__control--right {
        order: 4;
        text-align: left;
        padding-left: 1rem; }
        @media only screen and (min-width: 768px) {
          .gallery .gallery__strip .gallery__control.gallery__control--right {
            text-align: center;
            padding-left: 0; } }
    .gallery .gallery__strip .gallery__imagecount {
      order: 3;
      margin-bottom: 1.5rem; }
      @media only screen and (min-width: 768px) {
        .gallery .gallery__strip .gallery__imagecount {
          display: none; } }
  .gallery .gallery__paging {
    display: none;
    margin-top: 1rem; }
    @media only screen and (min-width: 768px) {
      .gallery .gallery__paging {
        display: flex; } }
    .gallery .gallery__paging ul {
      display: flex;
      flex-grow: 1;
      justify-content: center;
      text-align: center;
      line-height: 0;
      font-size: 0; }
      .gallery .gallery__paging ul li {
        display: flex;
        justify-content: center;
        cursor: pointer;
        width: 2rem;
        height: 2rem; }
        .gallery .gallery__paging ul li:after {
          content: "";
          display: block;
          align-self: center;
          height: 0.5rem;
          width: 0.5rem;
          border-radius: 50%;
          transition: width 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), height 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
          .light-mode .gallery .gallery__paging ul li:after {
            box-shadow: inset 0px 0px 0px 4px #929292; }
          .dark-mode .gallery .gallery__paging ul li:after {
            box-shadow: inset 0px 0px 0px 4px #717184; }
        .gallery .gallery__paging ul li:hover:after {
          height: 14px;
          width: 14px; }
          .light-mode .gallery .gallery__paging ul li:hover:after {
            box-shadow: inset 0px 0px 0px 4px #191b2b; }
          .dark-mode .gallery .gallery__paging ul li:hover:after {
            box-shadow: inset 0px 0px 0px 4px #EEEEF3; }
        .gallery .gallery__paging ul li.gallery__paging--active:after {
          height: 14px;
          width: 14px; }
          .light-mode .gallery .gallery__paging ul li.gallery__paging--active:after {
            box-shadow: inset 0px 0px 0px 4px #191b2b; }
          .dark-mode .gallery .gallery__paging ul li.gallery__paging--active:after {
            box-shadow: inset 0px 0px 0px 4px #EEEEF3; }

.gallery__imagecount {
  font-size: 0.75rem;
  font-weight: 700;
  position: relative; }
  .gallery__imagecount span {
    position: relative;
    top: 6px;
    transform: rotate(30deg);
    margin: 0 0.5rem;
    display: inline-block;
    width: 1px;
    height: 20px; }
    .light-mode .gallery__imagecount span {
      background-color: #929292; }
    .dark-mode .gallery__imagecount span {
      background-color: #717184; }

.gallery__header {
  background-repeat: no-repeat;
  background-size: 150px 32px;
  background-position: 1.5rem 1rem;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  height: 65px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 0 0 65px;
  z-index: 110; }
  .light-mode .gallery__header {
    background-color: #f9f9f9;
    border-color: rgba(219, 219, 219, 0.1);
    background-image: url("https://cdna.pcpartpicker.com/static/forever/img/pcpp.png"); }
  .dark-mode .gallery__header {
    background-color: #09090F;
    border-color: rgba(55, 55, 77, 0.1);
    background-image: url("https://cdna.pcpartpicker.com/static/forever/img/pcpp-logo.svg"); }
  @media only screen and (min-width: 768px) {
    .gallery__header {
      padding: 0 300px 0 198px; } }
  .gallery__header .gallery__title {
    display: block;
    margin: 0;
    padding: 11px 50px 12px 0.5rem; }
    .light-mode .gallery__header .gallery__title {
      background-color: #f9f9f9; }
    .dark-mode .gallery__header .gallery__title {
      background-color: #09090F; }
    @media only screen and (min-width: 768px) {
      .gallery__header .gallery__title {
        padding-left: 1.5rem;
        border-left-style: solid;
        border-left-width: 1px; }
        .light-mode .gallery__header .gallery__title {
          border-color: rgba(219, 219, 219, 0.2); }
        .dark-mode .gallery__header .gallery__title {
          border-color: rgba(55, 55, 77, 0.2); } }
    .gallery__header .gallery__title h3 {
      font-size: 0.75rem;
      font-weight: 500; }
      .light-mode .gallery__header .gallery__title h3 {
        color: #26293c; }
      .dark-mode .gallery__header .gallery__title h3 {
        color: #B8B8C8; }
    .gallery__header .gallery__title h1 {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 1rem;
      font-weight: 500; }
      @media only screen and (min-width: 1050px) {
        .gallery__header .gallery__title h1 {
          font-size: 1.125rem; } }
      .light-mode .gallery__header .gallery__title h1 {
        color: #191b2b; }
      .dark-mode .gallery__header .gallery__title h1 {
        color: #EEEEF3; }
  .gallery__header .gallery__controls {
    position: absolute;
    top: 0;
    right: 0; }
    .gallery__header .gallery__controls a {
      height: 65px;
      display: inline-block;
      padding: 1.5rem; }
    .gallery__header .gallery__controls .gallery__imagecount {
      position: relative;
      top: -3px;
      right: 1rem; }
    .gallery__header .gallery__controls .gallery__controls--nav,
    .gallery__header .gallery__controls .gallery__imagecount {
      display: none; }
      @media only screen and (min-width: 1050px) {
        .gallery__header .gallery__controls .gallery__controls--nav,
        .gallery__header .gallery__controls .gallery__imagecount {
          display: inline-block; } }
.gallery__controls a {
  transition: background-color 0.45s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .gallery__controls a:hover {
    transition: background-color 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
    .light-mode .gallery__controls a:hover {
      background-color: rgba(38, 41, 60, 0.05); }
    .dark-mode .gallery__controls a:hover {
      background-color: rgba(184, 184, 200, 0.05); }

.gallery__controls--mobile {
  border-top-style: solid;
  border-top-width: 1px;
  position: absolute;
  bottom: 0;
  width: 100%;
  display: block; }
  .light-mode .gallery__controls--mobile {
    background-color: #f9f9f9;
    border-color: rgba(219, 219, 219, 0.1); }
  .dark-mode .gallery__controls--mobile {
    background-color: #09090F;
    border-color: rgba(55, 55, 77, 0.1); }
  .gallery__controls--mobile .gallery__controls {
    display: table;
    width: 100%; }
    .gallery__controls--mobile .gallery__controls a {
      display: table-cell;
      padding: 1.5rem;
      height: 65px;
      text-align: center; }
    .gallery__controls--mobile .gallery__controls .gallery__imagecount {
      display: table-cell;
      vertical-align: middle;
      padding-bottom: 0.5rem;
      text-align: center; }
  @media only screen and (min-width: 1050px) {
    .gallery__controls--mobile {
      display: none; } }
.gallery__stage {
  position: absolute;
  top: 64px;
  left: 0;
  right: 0;
  bottom: 64px; }
  @media only screen and (min-width: 1050px) {
    .gallery__stage {
      bottom: 0px; } }
  .gallery__stage .gallery__content {
    -webkit-overflow-scrolling: touch;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap; }
    .gallery__stage .gallery__content:after {
      content: '';
      height: 100%;
      width: 1px;
      display: inline-block;
      vertical-align: middle;
      margin-left: -1px; }
    .gallery__stage .gallery__content img {
      cursor: pointer;
      max-width: 90%;
      max-height: 90%;
      width: auto !important;
      height: auto !important;
      vertical-align: middle;
      display: inline-block; }

.gallery--product {
  border-style: solid;
  border-width: 1px;
  border-bottom: none;
  padding: 0;
  background-color: #ffffff; }
  .light-mode .gallery--product {
    border-color: #191b2b; }
  .dark-mode .gallery--product {
    border-color: #09090F; }
  @media only screen and (min-width: 768px) {
    .gallery--product {
      padding: 1.5rem; } }
  @media only screen and (min-width: 1050px) {
    .gallery--product {
      margin-bottom: 3rem;
      border: none;
      padding: 0; } }
  .gallery--product ul .gallery__image {
    display: inline-block; }

.light-mode .offCanvas__gallery {
  background-color: #ffffff !important; }

.dark-mode .offCanvas__gallery {
  background-color: #26293c !important; }

#product-page .product__image {
  border-style: solid;
  border-width: 1px;
  border-bottom: none;
  cursor: pointer;
  background-color: #ffffff;
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: center; }
  .light-mode #product-page .product__image {
    border-color: #191b2b; }
  .dark-mode #product-page .product__image {
    border-color: #09090F; }
  #product-page .product__image a {
    display: flex;
    height: 256px;
    max-width: 256px;
    align-items: center; }
    #product-page .product__image a img {
      max-width: 100%;
      max-height: 100%;
      padding: 1rem;
      transform: scale(1);
      transition: transform 0.45s cubic-bezier(0.165, 0.84, 0.44, 1); }
  #product-page .product__image:hover img {
    transform: scale(0.96); }

#product-page .gallery__image a {
  background-color: #ffffff; }
  #product-page .gallery__image a .gallery__imageWrapper {
    border-left-style: solid;
    border-right-style: solid;
    border-left-width: 1px;
    border-right-width: 1px; }
    .light-mode #product-page .gallery__image a .gallery__imageWrapper {
      border-color: #ffffff; }
    .dark-mode #product-page .gallery__image a .gallery__imageWrapper {
      border-color: #282838; }

.group {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 1rem;
  margin-bottom: 1rem; }
  .light-mode .group {
    border-color: #dbdbdb; }
  .dark-mode .group {
    border-color: #37374d; }
  .group:last-of-type {
    border-bottom: none; }
  .light-mode .group.group--filter .group__title, .light-mode .group.partlist__folder .group__title {
    color: #191b2b; }
  .dark-mode .group.group--filter .group__title, .dark-mode .group.partlist__folder .group__title {
    color: #EEEEF3; }
  .group .group__title--trigger {
    cursor: pointer; }
  .group .group__content--empty:after {
    content: "";
    display: block;
    width: 18px;
    height: 2px;
    margin: 8px 0; }
    .light-mode .group .group__content--empty:after {
      background-color: rgba(25, 27, 43, 0.1); }
    .dark-mode .group .group__content--empty:after {
      background-color: rgba(238, 238, 243, 0.1); }

#products .group,
#user-saved-partlists .group {
  padding-bottom: 0.5rem;
  border-bottom-style: solid;
  border-bottom-width: 1px; }
  .light-mode #products .group, .light-mode #user-saved-partlists .group {
    border-color: #dbdbdb; }
  .dark-mode #products .group, .dark-mode #user-saved-partlists .group {
    border-color: #37374d; }
  #products .group .group__title,
  #user-saved-partlists .group .group__title {
    font-size: 1.5rem;
    font-weight: 500;
    text-transform: inherit; }
    @media only screen and (min-width: 1050px) {
      #products .group .group__title,
      #user-saved-partlists .group .group__title {
        font-size: 0.75rem;
        font-weight: 700;
        text-transform: uppercase; } }
  #products .group .group__content,
  #user-saved-partlists .group .group__content {
    margin-top: 0;
    margin-bottom: 1rem; }

@media only screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  #buildguide-index .guideGroup__card {
    margin-bottom: 1rem; } }
  @media only screen and (-ms-high-contrast: active) and (min-width: 768px), only screen and (-ms-high-contrast: none) and (min-width: 768px) {
    #buildguide-index .guideGroup__card {
      display: inline-block;
      width: 350px;
      vertical-align: top;
      margin: 0 0.5rem 1rem 0; } }
.guideGrid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  grid-gap: 2rem; }

.guideGroup__card {
  position: relative;
  display: grid;
  transition: box-shadow 0.45s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .light-mode .guideGroup__card {
    background-color: #b18c5a; }
  .dark-mode .guideGroup__card {
    background-color: #634629; }
  .guideGroup__card:hover {
    transition: box-shadow 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
    .light-mode .guideGroup__card:hover {
      box-shadow: 0px 0px 0px 3px #191b2b; }
    .dark-mode .guideGroup__card:hover {
      box-shadow: 0px 0px 0px 3px #EF9E20; }
    .guideGroup__card:hover .guide__cat {
      width: 50%;
      transition: width 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .guideGroup__card .guideGroup__target {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .guideGroup__card .guideGroup__content--wrapper2 {
    align-self: end; }
  .guideGroup__card .guide__title {
    color: #ffffff;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.0625;
    padding: 1.5rem 1.5rem 0.5rem; }
  .guideGroup__card .guide__author {
    font-size: 0.6875rem;
    padding: 0 2rem; }
  .guideGroup__card .guide__keyProducts {
    padding: 0.5rem 1.5rem; }
    .guideGroup__card .guide__keyProducts li {
      line-height: 1;
      padding: 4px 0;
      font-weight: 700;
      font-size: 0.75rem; }
  .guideGroup__card .guide__numbers {
    display: flex;
    padding: 0.5rem 1.5rem 1.5rem;
    font-weight: 700;
    align-items: flex-end; }
    .guideGroup__card .guide__numbers .guide__price {
      flex-grow: 1;
      color: #ffffff;
      font-size: 1rem;
      line-height: 1; }
    .guideGroup__card .guide__numbers .guide__links {
      flex-grow: 1;
      text-align: right;
      line-height: 1.125;
      color: #ffffff; }
      .guideGroup__card .guide__numbers .guide__links svg {
        position: relative;
        top: 3px;
        fill: rgba(255, 255, 255, 0.5); }
      .guideGroup__card .guide__numbers .guide__links .guide__link--comments svg {
        margin-right: 6px; }
  .guideGroup__card .guide__images {
    margin: 0 0.5rem 0.5rem;
    padding: 0.5rem;
    background-color: #ffffff;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 2fr 1fr;
    -ms-grid-rows: 1fr 1fr;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-gap: 1rem;
    align-self: end;
    min-height: 256px; }
    .guideGroup__card .guide__images li {
      line-height: 0; }
    .guideGroup__card .guide__images .guide__images--1 {
      -ms-grid-column: 1;
      -ms-grid-row: 1;
      -ms-grid-row-span: 2;
      grid-column: 1;
      grid-row: 1/3;
      justify-self: center;
      align-self: center; }
      .guideGroup__card .guide__images .guide__images--1 img {
        max-height: 224px; }
    .guideGroup__card .guide__images .guide__images--2 {
      -ms-grid-column: 2;
      -ms-grid-row: 1;
      grid-column: 2;
      grid-row: 1;
      justify-self: center;
      align-self: center; }
      .guideGroup__card .guide__images .guide__images--2 img {
        max-height: 112px; }
    .guideGroup__card .guide__images .guide__images--3 {
      -ms-grid-column: 2;
      -ms-grid-row: 2;
      grid-column: 2;
      grid-row: 2;
      justify-self: center;
      align-self: center; }
      .guideGroup__card .guide__images .guide__images--3 img {
        max-height: 112px; }

#buildguide-view .partlist__metrics {
  border-top: 1px solid #191b2b !important; }

#guide-detail .wrapper__pageTitle > section {
  text-align: left; }

#guide-detail .wrapper__pageTitle .pageTitle--categoryTitle {
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-bottom: 2px solid #191b2b;
  width: 150px;
  padding-bottom: 0.5rem; }
  @media only screen and (min-width: 1050px) {
    #guide-detail .wrapper__pageTitle .pageTitle--categoryTitle {
      font-size: 1rem;
      width: 250px; } }
#guide-detail .wrapper__pageTitle .pageTitle {
  font-weight: 700;
  padding-top: 2rem;
  line-height: 1.0625; }

#guide-detail .wrapper__pageTitle .guide__numbers {
  font-weight: 700;
  padding: 1rem 0; }
  #guide-detail .wrapper__pageTitle .guide__numbers .guide__price {
    display: inline-block;
    color: #ffffff;
    font-size: 1.25rem;
    line-height: 1;
    margin-right: 2rem; }
    #guide-detail .wrapper__pageTitle .guide__numbers .guide__price a {
      color: #ffffff; }
    @media only screen and (min-width: 1050px) {
      #guide-detail .wrapper__pageTitle .guide__numbers .guide__price {
        font-size: 1.5rem; } }
  #guide-detail .wrapper__pageTitle .guide__numbers .guide__links {
    display: inline-block;
    font-size: 1rem;
    line-height: 1.125;
    position: relative; }
    @media only screen and (min-width: 1050px) {
      #guide-detail .wrapper__pageTitle .guide__numbers .guide__links {
        font-size: 1.25rem; } }
    #guide-detail .wrapper__pageTitle .guide__numbers .guide__links a {
      color: #191b2b; }
    #guide-detail .wrapper__pageTitle .guide__numbers .guide__links svg {
      position: relative;
      top: 2px; }
      @media only screen and (min-width: 1050px) {
        #guide-detail .wrapper__pageTitle .guide__numbers .guide__links svg {
          width: 24px;
          height: 24px;
          top: 6px; } }
    #guide-detail .wrapper__pageTitle .guide__numbers .guide__links .guide__link--comments svg {
      margin-right: 6px; }

#guide-detail #product_gallery_box {
  border-bottom: 2px solid #191b2b;
  padding-bottom: 3rem; }
  #guide-detail #product_gallery_box .gallery {
    border: 0;
    margin-bottom: 0; }
    #guide-detail #product_gallery_box .gallery .gallery__control .button {
      border-color: #191b2b !important;
      color: #191b2b !important;
      background-color: #ffffff !important; }
      #guide-detail #product_gallery_box .gallery .gallery__control .button:hover {
        background-color: #191b2b !important; }
    #guide-detail #product_gallery_box .gallery .gallery__images .gallery__image {
      background-color: #ffffff; }

#guide-detail .wrapper__pageContent .markdown h1 {
  font-size: 2.5rem; }

#guide-detail .wrapper__pageContent .markdown p:first-of-type {
  font-size: 2.5rem;
  line-height: 1.25;
  margin-bottom: 3rem; }
  #guide-detail .wrapper__pageContent .markdown p:first-of-type:before {
    content: "—";
    display: inline-block; }

svg.icon {
  width: 16px;
  height: 16px; }
  .light-mode svg.icon {
    fill: #191b2b; }
  .dark-mode svg.icon {
    fill: #B8B8C8; }

.light-mode .masthead svg.icon {
  fill: #ffffff; }

.dark-mode .masthead svg.icon {
  fill: #B8B8C8; }

.light-mode ul.nav__menu--mobile .shape-search, .light-mode ul.nav__menu--mobile .shape-drag-handle, .light-mode ul.nav__menu--mobile .shape-menu, .light-mode ul.nav__menu--mobile .shape-user, .light-mode ul.nav__menu--mobile .shape-delete {
  fill: #ffffff; }

.dark-mode ul.nav__menu--mobile .shape-search, .dark-mode ul.nav__menu--mobile .shape-drag-handle, .dark-mode ul.nav__menu--mobile .shape-menu, .dark-mode ul.nav__menu--mobile .shape-user, .dark-mode ul.nav__menu--mobile .shape-delete {
  fill: #B8B8C8; }

.nav__menu--mobile .icon,
.nav-icon .icon {
  width: 18px;
  height: 18px; }

.searchField .shape-search {
  width: 18px;
  height: 18px;
  margin: .0875rem 0; }

.nav__account svg.icon {
  position: relative;
  top: 2px; }
  @media only screen and (min-width: 1050px) {
    .nav__account svg.icon {
      top: 3px; } }
.nav__account .shape-inbox {
  margin-right: 0.5rem; }

.light-mode .shape-inbox--messages {
  fill: #EDA920 !important; }

.dark-mode .shape-inbox--messages {
  fill: #EF9E20 !important; }

.nav__categories .browse-products a {
  transition: fill 0.45s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .nav__categories .browse-products a svg.icon {
    width: 18px;
    height: 18px; }
    @media only screen and (min-width: 1050px) {
      .nav__categories .browse-products a svg.icon {
        width: 16px;
        height: 16px; } }
  .nav__categories .browse-products a:hover svg.shape-dropdown-arrow {
    transition: fill 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .nav__categories .browse-products a.active--category svg.shape-dropdown-arrow {
    transition: fill 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
    .light-mode .nav__categories .browse-products a.active--category svg.shape-dropdown-arrow {
      fill: #EDA920; }
    .dark-mode .nav__categories .browse-products a.active--category svg.shape-dropdown-arrow {
      fill: #EF9E20; }
  .nav__categories .browse-products a span.down-caret {
    display: inline-block;
    position: relative;
    top: 4px;
    left: 4px; }
    @media only screen and (min-width: 1050px) {
      .nav__categories .browse-products a span.down-caret {
        -webkit-transition: transform 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
        -moz-transition: transform 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
        -ms-transition: transform 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
        transform-origin: 50% 50%; } }
  .nav__categories .browse-products a span.down-caret--rotate {
    top: 1px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }

.light-mode #shape-star-half g#star-full {
  fill: #929292; }

.dark-mode #shape-star-half g#star-full {
  fill: #717184; }

.light-mode #shape-star-half g#star-half {
  fill: #FF960C; }

.dark-mode #shape-star-half g#star-half {
  fill: #ea7700; }

.product--rating li {
  display: inline;
  margin-right: 2px; }

.product--rating svg.icon {
  width: 10px;
  height: 10px; }
  .light-mode .product--rating svg.icon {
    fill: #FF960C; }
  .dark-mode .product--rating svg.icon {
    fill: #ea7700; }

.light-mode .product--rating svg.shape-star-empty {
  fill: #929292; }

.dark-mode .product--rating svg.shape-star-empty {
  fill: #717184; }

.filter--rating svg {
  width: 14px;
  height: 14px; }
  .light-mode .filter--rating svg {
    fill: #FF960C; }
  .dark-mode .filter--rating svg {
    fill: #ea7700; }
  .light-mode .filter--rating svg.shape-star-empty {
    fill: #929292; }
  .dark-mode .filter--rating svg.shape-star-empty {
    fill: #717184; }

.partlist__promos svg {
  fill: #00b16a;
  margin-right: 0.5rem;
  margin-bottom: -3px; }

.ugcActions svg {
  width: 12px;
  height: 12px;
  margin-bottom: -3px;
  transition: fill 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  cursor: pointer; }
  .light-mode .ugcActions svg {
    fill: #929292; }
  .dark-mode .ugcActions svg {
    fill: #717184; }
  .ugcActions svg:hover {
    transition: fill 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
    .light-mode .ugcActions svg:hover {
      fill: #2c85c5; }
    .dark-mode .ugcActions svg:hover {
      fill: #74baff; }

.light-mode .ugcActions .comment-voted-up-owner svg, .light-mode .ugcActions .comment-voted-up svg, .light-mode .ugcActions .comment-voted-down svg {
  fill: #191b2b; }

.dark-mode .ugcActions .comment-voted-up-owner svg, .dark-mode .ugcActions .comment-voted-up svg, .dark-mode .ugcActions .comment-voted-down svg {
  fill: #B8B8C8; }

.light-mode .ugcActions .comment-voted-down-owner svg:hover {
  fill: #929292; }

.dark-mode .ugcActions .comment-voted-down-owner svg:hover {
  fill: #717184; }

.ugcActions .comment-voted-up-owner svg, .ugcActions .comment-voted-down-owner svg {
  cursor: auto; }

.comment-continue-thread .button--icon svg {
  margin-right: 0;
  margin-left: .5rem; }

#user-comments .group__title svg,
#messages .group__title svg {
  margin-right: 0.5rem;
  margin-bottom: -3px; }

.row--topicTitle svg {
  margin-right: 0.5rem; }

.block {
  margin-bottom: 3rem; }

#userbuild-view .sidebar-content .block:first-of-type {
  margin-bottom: 1.5rem; }

@media only screen and (min-width: 1050px) {
  .wrapper__pageContent .wrapper--columns {
    display: table;
    width: 100%; }
    .wrapper__pageContent .wrapper--columns .sidebar-content, .wrapper__pageContent .wrapper--columns .main-content {
      display: table-cell;
      vertical-align: top; }
    .wrapper__pageContent .wrapper--columns .sidebar-content {
      padding-right: 1rem; }
    .wrapper__pageContent .wrapper--columns .main-content {
      padding-left: 1rem; } }

@media only screen and (min-width: 1050px) {
  #products .wrapper__pageContent .wrapper--columns, #userbuild-index .wrapper__pageContent .wrapper--columns, #userbuild-by-part .wrapper__pageContent .wrapper--columns {
    display: table;
    width: 100%; }
    #products .wrapper__pageContent .wrapper--columns .sidebar-content, #products .wrapper__pageContent .wrapper--columns .main-content, #userbuild-index .wrapper__pageContent .wrapper--columns .sidebar-content, #userbuild-index .wrapper__pageContent .wrapper--columns .main-content, #userbuild-by-part .wrapper__pageContent .wrapper--columns .sidebar-content, #userbuild-by-part .wrapper__pageContent .wrapper--columns .main-content {
      display: table-cell;
      vertical-align: top; }
    #products .wrapper__pageContent .wrapper--columns .sidebar-content, #userbuild-index .wrapper__pageContent .wrapper--columns .sidebar-content, #userbuild-by-part .wrapper__pageContent .wrapper--columns .sidebar-content {
      width: 240px;
      min-width: 240px; } }

#buildguide-view .buildguide__comments {
  padding: 2rem 0; }

dl dd {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px dashed #EAEAEA; }
  dl dd:last-of-type {
    border-bottom: none; }

.masthead {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 100; }
  @media only screen and (min-width: 1050px) {
    .masthead {
      position: relative; } }
  .light-mode .masthead nav a {
    color: #ffffff; }
  .dark-mode .masthead nav a {
    color: #EEEEF3; }
  .light-mode .masthead nav a:hover {
    color: #EDA920; }
  .dark-mode .masthead nav a:hover {
    color: #EF9E20; }
  .light-mode .masthead nav a:hover svg.icon {
    fill: #EDA920; }
  .dark-mode .masthead nav a:hover svg.icon {
    fill: #EF9E20; }
  .masthead nav .nav__logo {
    display: block;
    line-height: 0; }
  .masthead nav .nav__logoWrapper {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center; }
    .masthead nav .nav__logoWrapper .nav__back {
      display: none; }
    @media (display-mode: standalone) {
      .masthead nav .nav__logoWrapper .nav__back {
        display: block;
        line-height: 0;
        transform: rotate(90deg);
        padding: 0.5rem;
        margin-right: 0.5rem; }
        .masthead nav .nav__logoWrapper .nav__back svg {
          width: 20px;
          height: 20px; } }
.nav__account li.nav__account--user .user-avatar {
  border-radius: 50%;
  margin-right: 0.5rem; }

.light-mode .nav__account li.nav__account--messages a:hover .icon {
  fill: #EDA920; }

.dark-mode .nav__account li.nav__account--messages a:hover .icon {
  fill: #EF9E20; }

.nav__account li.nav__account--country {
  position: relative; }
  @media only screen and (min-width: 1050px) {
    .nav__account li.nav__account--country {
      margin-left: 0.5rem; } }
  .nav__account li.nav__account--country select {
    border: none;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
    border: 1px solid transparent;
    color: #ffffff;
    padding-left: 3rem;
    background-image: url("data:image/svg+xml,%3Csvg%20version%3D%271.1%27%20id%3D%27Layer_1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20viewBox%3D%270%200%2018%2018%27%20enable-background%3D%27new%200%200%2018%2018%27%20xml%3Aspace%3D%27preserve%27%3E%3Cpolygon%20points%3D%279%2C13.6%202.2%2C6.8%203.8%2C5.2%209%2C10.4%2014.2%2C5.2%2015.8%2C6.8%20%27%20fill%3D%27%23FFFFFF%27%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    font-size: 1.25rem;
    line-height: 1.75;
    background-position: right 0px top 14px;
    background-size: 20px; }
    @media only screen and (min-width: 1050px) {
      .nav__account li.nav__account--country select {
        padding-left: 1.5rem;
        font-size: 0.75rem;
        line-height: 1.5;
        background-position: right 10px top 8px;
        background-size: 14px 14px; } }
    .light-mode .nav__account li.nav__account--country select:hover {
      color: #EDA920; }
    .dark-mode .nav__account li.nav__account--country select:hover {
      color: #EF9E20; }
    .nav__account li.nav__account--country select:focus {
      outline: none; }
  .nav__account li.nav__account--country option {
    color: #191b2b; }
  .nav__account li.nav__account--country .flag-icon {
    position: absolute;
    left: 18px;
    top: 22px;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    background-repeat: no-repeat;
    background-size: 28px 20px;
    width: 30px;
    height: 22px; }
    @media only screen and (min-width: 1050px) {
      .nav__account li.nav__account--country .flag-icon {
        left: 0;
        top: 9px;
        background-size: 14px 10px;
        width: 16px;
        height: 12px; } }
  .nav__account li.nav__account--country .flag-ae {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23E60000%22%20d%3D%22M0%200h14v10H0z%22%2F%3E%3Cpath%20fill%3D%22%23197724%22%20d%3D%22M4%200h10v3H4z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M4%203h10v4H4z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M4%207h10v3H4z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
  .nav__account li.nav__account--country .flag-ar {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200v3h14V0H0z%22%20fill%3D%22%2369A2DA%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%203v4h14V3H0z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%207v3h14V7H0z%22%20fill%3D%22%2369A2DA%22%2F%3E%3Cpath%20fill%3D%22%23F5AB10%22%20d%3D%22M6%204h2v2H6z%22%2F%3E%3C%2Fsvg%3E"); }
  .nav__account li.nav__account--country .flag-at {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%207v3h14V7H0z%22%20fill%3D%22%23EE2435%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%203v4h14V3H0z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200v3h14V0H0z%22%20fill%3D%22%23EE2435%22%2F%3E%3C%2Fsvg%3E"); }
  .nav__account li.nav__account--country .flag-au {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23002776%22%20d%3D%22M0%200h14v10H0z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M10%201h1v1h-1zM12%203h1v1h-1zM8%204h1v1H8zM10%208h1v1h-1zM11%205h1v1h-1zM3%207h1v1H3zM2%200h3v5H2z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M0%201h7v3H0z%22%2F%3E%3Cpath%20fill%3D%22%23DF0033%22%20d%3D%22M3%200h1v5H3z%22%2F%3E%3Cpath%20fill%3D%22%23DF0033%22%20d%3D%22M0%202h7v1H0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
  .nav__account li.nav__account--country .flag-be {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M0%200h14v10H0z%22%2F%3E%3Cpath%20fill%3D%22%23F9DE52%22%20d%3D%22M4%200h6v10H4z%22%2F%3E%3Cpath%20fill%3D%22%23EA2D3F%22%20d%3D%22M10%200h4v10h-4z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
  .nav__account li.nav__account--country .flag-bh {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200v10h14V0H0z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M4%206l2%201-2%201%202%201-2%201h10V0H4l2%201-2%201%202%201-2%201%202%201-2%201z%22%20fill%3D%22%23C71222%22%2F%3E%3C%2Fsvg%3E"); }
  .nav__account li.nav__account--country .flag-br {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200v10h14V0H0z%22%20fill%3D%22%23009334%22%2F%3E%3Cpath%20d%3D%22M1%205l6-4%206%204-6%204-6-4z%22%20fill%3D%22%23FFDB12%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%225%22%20r%3D%222%22%20fill%3D%22%2300216A%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.844%205.776a1.994%201.994%200%2000.135-1.067%208.598%208.598%200%2000-1.858-.694%207.47%207.47%200%2000-1.705-.237%201.99%201.99%200%2000-.405%201.011c.436-.031%201.058-.006%201.868.196a7.42%207.42%200%20011.965.79z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); }
  .nav__account li.nav__account--country .flag-ca {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23FE0002%22%20d%3D%22M0%200h14v10H0z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M3%200h8v10H3z%22%2F%3E%3Cpath%20d%3D%22M6.996%201.5c.09.197.222.56.322.81.039.096.065.196.103.261.068.115.172.168.312.11.145-.061.277-.226.425-.285-.087.488-.206%201.09-.301%201.608-.024.128-.063.285.031.317.112.038.207-.098.26-.164.186-.237.373-.507.56-.69.034.095.051.208.092.296.034.072.096.16.177.175.107.02.286-.028.435-.055.149-.026.291-.064.404-.076-.064.205-.146.499-.217.743-.028.094-.069.184-.062.252.02.209.267.204.425.295-.39.317-.785.633-1.182.951-.128.102-.28.184-.374.328-.03.295.118.4.156.623-.354-.082-.745-.154-1.12-.23-.119-.023-.25-.072-.352.023.018.553.049%201.157.062%201.65H6.81c.026-.589.041-1.058.062-1.64-.089-.113-.235-.056-.353-.032-.357.07-.76.146-1.109.23.01-.202.181-.327.145-.613-.087-.148-.232-.245-.363-.35-.388-.31-.798-.616-1.192-.93.086-.08.242-.076.332-.141a.27.27%200%200%200%20.093-.142c.014-.085-.033-.163-.062-.263-.068-.23-.148-.538-.207-.754.113.017.256.05.404.076.169.03.367.087.477.033.142-.07.153-.277.218-.448.052.009.071.07.103.11.15.185.302.358.467.568.077.098.186.27.31.12-.085-.638-.22-1.225-.32-1.848.014-.032.068.02.103.044.089.062.229.192.332.23.149.055.21-.03.3-.12.139-.369.295-.718.446-1.072%22%20fill%3D%22%23FE0002%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
  .nav__account li.nav__account--country .flag-de {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M0%200h14v10H0z%22%2F%3E%3Cpath%20fill%3D%22%23FECE00%22%20d%3D%22M0%207h14v3H0z%22%2F%3E%3Cpath%20fill%3D%22%23FF2020%22%20d%3D%22M0%204h14v3H0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
  .nav__account li.nav__account--country .flag-dk {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23CE1E32%22%20d%3D%22M0%200h14v10H0z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M4%200h2v10H4z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M0%204h14v2H0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
  .nav__account li.nav__account--country .flag-es {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23DA131A%22%20d%3D%22M0%200h14v10H0z%22%2F%3E%3Cpath%20fill%3D%22%23FCDD09%22%20d%3D%22M0%203h14v4H0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
  .nav__account li.nav__account--country .flag-fi {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M0%200h14v10H0z%22%2F%3E%3Cpath%20fill%3D%22%2310367B%22%20d%3D%22M4%200h2v10H4z%22%2F%3E%3Cpath%20fill%3D%22%2310367B%22%20d%3D%22M0%204h14v2H0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
  .nav__account li.nav__account--country .flag-fr {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23002395%22%20d%3D%22M0%200h14v10H0z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M4%200h6v10H4z%22%2F%3E%3Cpath%20fill%3D%22%23ED2939%22%20d%3D%22M10%200h4v10h-4z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
  .nav__account li.nav__account--country .flag-hk {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23F20000%22%20d%3D%22M0%200h14v10H0z%22%2F%3E%3Cpath%20d%3D%22M9.124%206.359c.23.766-.003%201.468-.927%202.141.248-.46-.02-.747-.137-.797-.117-.05-.36-.064-.647-.461-.288-.397-.091-.889.118-1.233.21-.343-.13-.764-.572-.935%201.303-.15%201.934.519%202.165%201.285zM6.857%205.197c.545%201.195.105%202.003-.55%202.46-.657.456-1.395.45-2.32-.222.513.094.703-.25.715-.377.011-.127-.05-.362.237-.76.288-.396.816-.36%201.207-.267.39.093.686-.36.711-.834zm-3.19-2.043c.068.518.453.593.577.564.124-.028.329-.16.795-.008s.595.665.627%201.067c.032.401.553.542%201.011.42-.965.888-1.869.72-2.505.235-.636-.484-.86-1.19-.506-2.278zm5.088.124c.798.017%201.393.456%201.746%201.545-.36-.38-.715-.213-.799-.117-.083.096-.171.323-.637.475-.466.152-.872-.188-1.134-.494-.262-.306-.766-.113-1.065.256.26-1.287%201.09-1.683%201.889-1.665zM7.654%201.5c-.471.226-.423.616-.358.725.065.11.254.264.254.754%200%20.491-.448.773-.82.928-.37.155-.343.695-.085%201.093-1.142-.645-1.261-1.558-.998-2.314C5.91%201.931%206.51%201.5%207.654%201.5z%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
  .nav__account li.nav__account--country .flag-hu {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%207v3h14V7H0z%22%20fill%3D%22%23416F4C%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%203v4h14V3H0z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200v3h14V0H0z%22%20fill%3D%22%23CE253C%22%2F%3E%3C%2Fsvg%3E"); }
  .nav__account li.nav__account--country .flag-ie {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23009B48%22%20d%3D%22M0%200h14v10H0z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M4%200h6v10H4z%22%2F%3E%3Cpath%20fill%3D%22%23FF7900%22%20d%3D%22M10%200h4v10h-4z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
  .nav__account li.nav__account--country .flag-il {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200v10h14V0H0z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill%3D%22%230031AF%22%20d%3D%22M0%201h14v1H0zM0%208h14v1H0z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.00002%202.5l.72169%201.25h1.44338L8.4434%205l.72169%201.25H7.72171L7.00002%207.5l-.72168-1.25H4.83496L5.55665%205l-.72169-1.25h1.44338l.72168-1.25zM5.98966%204.25h-.28867l.14433.25.14434-.25zM6.134%205l.43301-.75h.86603l.43301.75-.43301.75h-.86603L6.134%205zm-.28868.5l-.14433.25h.28867l-.14434-.25zm1.01037.75l.14433.25.14434-.25h-.28867zm1.1547-.5h.28867l-.14433-.25-.14434.25zm.14434-1.25l.14433-.25h-.28867l.14434.25zm-1.01037-.75h-.28867l.14433-.25.14434.25z%22%20fill%3D%22%230031AF%22%2F%3E%3C%2Fsvg%3E"); }
  .nav__account li.nav__account--country .flag-in {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23060%22%20d%3D%22M0%207h14v3H0z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M0%203h14v4H0z%22%2F%3E%3Cpath%20fill%3D%22%233E31C2%22%20d%3D%22M6%204h2v2H6z%22%2F%3E%3Cpath%20fill%3D%22%23F60%22%20d%3D%22M0%200h14v3H0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
  .nav__account li.nav__account--country .flag-it {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23009246%22%20d%3D%22M0%200h14v10H0z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M4%200h6v10H4z%22%2F%3E%3Cpath%20fill%3D%22%23CE2B37%22%20d%3D%22M10%200h4v10h-4z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
  .nav__account li.nav__account--country .flag-jp {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200v10h14V0H0z%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%225%22%20r%3D%223%22%20fill%3D%22%23B40028%22%2F%3E%3C%2Fsvg%3E"); }
  .nav__account li.nav__account--country .flag-kr {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200v10h14V0H0z%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%226.99994%22%20cy%3D%225.00003%22%20r%3D%223%22%20transform%3D%22rotate(-25.502%206.99994%205.00003)%22%20fill%3D%22%2318489A%22%2F%3E%3Cpath%20d%3D%22M9.82794%206.00135c.55306-1.56183-.26478-3.27626-1.82662-3.82929-1.56183-.55302-3.27627.26479-3.82929%201.82662C3.954%205.47574%205.78184%206.3408%206.78585%205.23571l.21414-.23569.24279-.26315c1.0115-1.09626%202.82962-.20696%202.58516%201.26448z%22%20fill%3D%22%23BD3D40%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.2835%207.13086l-.57354.81915.40954.28679.5736-.81915-.4096-.28679zm.8604-1.22873l-.5736.81915.4096.28679.5736-.81915-.4096-.28679zm-.8196%202.47806l.5736-.81915.4096.28679-.5736.81915-.4096-.28679zm1.434-2.04788l-.5736.81916.4096.28678.5735-.81915-.4095-.28679zm-.8196%202.47807l.5736-.81916.4095.28679-.5735.81916-.4096-.28679zm1.4339-2.04788l-.5735.81915.4095.28679.5736-.81916-.4096-.28678zM4.28392%207.9479L2.84998%205.90002l-.40958.28679%201.43394%202.04788.40958-.28679zm-1.47473-.79854l-.57358-.81915-.40957.28678.57357.81916.40958-.28679zm.28679.40957l.57357.81916-.40957.28679-.57358-.81916.40958-.28679zm-.04079%201.24934L1.62125%206.76039l-.40958.28679%201.43394%202.04788.40958-.28679zM11.35.900024l.5736.819156-.4096.28678-.5736-.81915.4096-.286786zm.8603%201.228726l.5736.81915-.4096.28679-.5735-.81915.4095-.28679zm-.0407%201.24934l-1.434-2.04788-.4096.28678%201.434%202.04789.4096-.28679zm-2.0484-1.6177l.5736.81915-.4096.28679-.57353-.81915.40953-.28679zm1.434%202.04788l-.5736-.81915-.4096.28679.5736.81915.4096-.28679zM1.20996%202.95001L2.6439.902132l.40958.286788L1.61954%203.2368l-.40958-.28679zm.61436.43018l1.43395-2.04788.40957.28679L2.2339%203.66698l-.40958-.28679zM3.87263%201.7625L2.43869%203.81038l.40958.28679%201.43394-2.04789-.40958-.28678z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }
  .nav__account li.nav__account--country .flag-kw {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200v10h14V0H0z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M0%200h14v3H3L0%200z%22%20fill%3D%22%23006F35%22%2F%3E%3Cpath%20d%3D%22M0%2010h14V7H3l-3%203z%22%20fill%3D%22%23C71222%22%2F%3E%3Cpath%20d%3D%22M3%203L0%200v10l3-3V3z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }
  .nav__account li.nav__account--country .flag-mx {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23166B44%22%20d%3D%22M0%200h14v10H0z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M4%200h6v10H4z%22%2F%3E%3Cpath%20fill%3D%22%23F00303%22%20d%3D%22M10%200h4v10h-4z%22%2F%3E%3Ccircle%20fill%3D%22%239A4110%22%20cx%3D%227.25%22%20cy%3D%224.75%22%20r%3D%221.25%22%2F%3E%3Cpath%20d%3D%22M4.98%206.886c.528.575%201.22.866%202.043.866.823%200%201.515-.292%202.04-.867l.337-.37-.74-.673-.336.37c-.331.362-.753.54-1.3.54-.55%200-.973-.178-1.307-.542l-.339-.368-.736.676.338.368z%22%20fill%3D%22%239AA160%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
  .nav__account li.nav__account--country .flag-nl {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%2321468C%22%20d%3D%22M0%207h14v3H0z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M0%203h14v4H0z%22%2F%3E%3Cpath%20fill%3D%22%23CC1229%22%20d%3D%22M0%200h14v3H0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
  .nav__account li.nav__account--country .flag-no {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23FF0007%22%20d%3D%22M0%200h14v10H0z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M3%200h4v10H3z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M0%203h14v4H0z%22%2F%3E%3Cpath%20fill%3D%22%230A2964%22%20d%3D%22M4%200h2v10H4z%22%2F%3E%3Cpath%20fill%3D%22%230A2964%22%20d%3D%22M0%204h14v2H0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
  .nav__account li.nav__account--country .flag-nz {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23002776%22%20d%3D%22M0%200h14v10H0z%22%2F%3E%3Cpath%20fill%3D%22%23FF4B74%22%20d%3D%22M10%201h1v1h-1zM12%203h1v1h-1zM8%204h1v1H8zM10%208h1v1h-1z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M2%200h3v5H2z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M0%201h7v3H0z%22%2F%3E%3Cpath%20fill%3D%22%23DF0033%22%20d%3D%22M3%200h1v5H3z%22%2F%3E%3Cpath%20fill%3D%22%23DF0033%22%20d%3D%22M0%202h7v1H0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
  .nav__account li.nav__account--country .flag-om {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200v10h14V0H0z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill%3D%22%23D6161A%22%20d%3D%22M0%200h4v10H0zM4%203h10v4H4z%22%2F%3E%3Cpath%20fill%3D%22%23007500%22%20d%3D%22M4%207h10v3H4z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M1.75%201h.5v2h-.5z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M.791958%201.38866l.416022-.27735.97625%201.46437.96574.72431-.3.4-1.03426-.7757L.791958%201.38866z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.20792%201.38866l-.41603-.27735-.97624%201.46437-.965743.72431.300003.4%201.03426-.7757%201.02375-1.53563z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); }
  .nav__account li.nav__account--country .flag-pl {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23E01644%22%20d%3D%22M0%200h14v10H0z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M0%200h14v5H0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
  .nav__account li.nav__account--country .flag-ph {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200v10h14V0H0z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill%3D%22%23F6D14B%22%20d%3D%22M1%204h2v2H1z%22%2F%3E%3Cpath%20d%3D%22M0%200h14v5H5L0%200z%22%20fill%3D%22%230F3BA2%22%2F%3E%3Cpath%20d%3D%22M0%2010h14V5H5l-5%205z%22%20fill%3D%22%23BD2C2F%22%2F%3E%3C%2Fsvg%3E"); }
  .nav__account li.nav__account--country .flag-pt {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23005D03%22%20d%3D%22M0%200h14v10H0z%22%2F%3E%3Cpath%20fill%3D%22%23FF0007%22%20d%3D%22M5%200h9v10H5z%22%2F%3E%3Ccircle%20fill%3D%22%23F4EC1E%22%20cx%3D%225%22%20cy%3D%225%22%20r%3D%223.5%22%2F%3E%3Cpath%20d%3D%22M3.5%203.5v2.053c0%20.687.77%201.406%201.521%201.406.741%200%201.479-.709%201.479-1.406V3.5h-3z%22%20stroke%3D%22%23FF0007%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
  .nav__account li.nav__account--country .flag-qa {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200v10h14V0H0z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M4%206l2%201-2%201%202%201-2%201h10V0H4l2%201-2%201%202%201-2%201%202%201-2%201z%22%20fill%3D%22%2382263E%22%2F%3E%3C%2Fsvg%3E"); }
  .nav__account li.nav__account--country .flag-ro {
    background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2014%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200v10h14V0H0z%22%20fill%3D%22%230B2A7F%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M4%200v10h6V0H4z%22%20fill%3D%22%23FCD116%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10%200v10h4V0h-4z%22%20fill%3D%22%23CE1E25%22%2F%3E%3C%2Fsvg%3E"); }
  .nav__account li.nav__account--country .flag-sa {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23006529%22%20d%3D%22M0%200h14v10H0z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M3%202h1v1H3zM4%207h6v1H4z%22%2F%3E%3Cpath%20d%3D%22M4%205H3l1-3h1l-.667%202h1L6%202h1L6%205H4zm5-3L8%205H7l1-3h1zm2%200v3H9V4h1V2h1z%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
  .nav__account li.nav__account--country .flag-se {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23005CA4%22%20d%3D%22M0%200h14v10H0z%22%2F%3E%3Cpath%20fill%3D%22%23FFD71D%22%20d%3D%22M4%200h2v10H4z%22%2F%3E%3Cpath%20fill%3D%22%23FFD71D%22%20d%3D%22M0%204h14v2H0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
  .nav__account li.nav__account--country .flag-sg {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M0%204h14v6H0z%22%2F%3E%3Cpath%20fill%3D%22%23EF2900%22%20d%3D%22M0%200h14v5H0z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M4%202h1v1H4zM3%203v1H2V3h1zM2%202v1H1V2h1zm1-1v1H2V1h1z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
  .nav__account li.nav__account--country .flag-sk {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%207v3h14V7H0z%22%20fill%3D%22%23EF2420%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%203v4h14V3H0z%22%20fill%3D%22%23164CA4%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200v3h14V0H0z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M4.5%208l.186.464h.001l.003-.002.008-.003.026-.01.091-.041a6.146%206.146%200%20001.247-.767C6.735%207.101%207.5%206.223%207.5%205V1.016v0-.007%200-.002%200-.001%200-.002%200-.001%200-.001%200V1v0V1H7h.5V.5h-6V1H2h-.5V5c0%201.224.765%202.102%201.438%202.64a6.147%206.147%200%20001.338.808l.026.011.008.003.003.002h.001L4.5%208zm0%200l.186.464-.186.075-.186-.075L4.5%208z%22%20fill%3D%22%23EF2420%22%20stroke%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M4%201.5h1V2h1v1H5v.5h1v1H5v1H4v-1H3v-1h1V3H3V2h1v-.5z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M6.764%206.031C6.14%207.344%204.5%208%204.5%208s-1.64-.656-2.264-1.969C2.42%205.706%202.694%205.5%203%205.5c.145%200%20.283.046.407.13C3.681%205.242%204.07%205%204.5%205c.43%200%20.819.242%201.093.63A.727.727%200%20016%205.5c.306%200%20.58.206.764.531z%22%20fill%3D%22%23164CA4%22%2F%3E%3C%2Fsvg%3E"); }
  .nav__account li.nav__account--country .flag-th {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200v10h14V0H0z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill%3D%22%23982935%22%20d%3D%22M0%200h14v2H0zM0%208h14v2H0z%22%2F%3E%3Cpath%20fill%3D%22%232C2B48%22%20d%3D%22M0%203h14v4H0z%22%2F%3E%3C%2Fsvg%3E"); }
  .nav__account li.nav__account--country .flag-tr {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200v10h14V0H0z%22%20fill%3D%22%23D12F28%22%2F%3E%3Cpath%20d%3D%22M7.37458%203.34588C7.05413%203.1276%206.66697%203%206.25%203c-1.10457%200-2%20.89543-2%202s.89543%202%202%202c.41697%200%20.80413-.1276%201.12458-.34588C6.9165%207.17285%206.24645%207.5%205.5%207.5%204.11929%207.5%203%206.38071%203%205s1.11929-2.5%202.5-2.5c.74645%200%201.4165.32715%201.87458.84588z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M7.9091%203.6358l.67169.85822%201.02377-.37361-.60865.90402.67168.85821-1.04785-.2995-.60865.90401-.03895-1.08912-1.04785-.29951%201.02377-.3736L7.9091%203.6358z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); }
  .nav__account li.nav__account--country .flag-uk {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M0%200h14v10H0z%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cmask%20id%3D%22b%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fmask%3E%3Cuse%20fill%3D%22%2300247D%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cg%20mask%3D%22url(%23b)%22%20stroke-linecap%3D%22square%22%3E%3Cpath%20d%3D%22M15-.5L9.5%204M14-.5L8.5%204%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M14-.5L8.5%204%22%20stroke%3D%22%23DF0033%22%2F%3E%3C%2Fg%3E%3Cg%20mask%3D%22url(%23b)%22%20stroke-linecap%3D%22square%22%3E%3Cpath%20d%3D%22M15%2010.5L9.5%206M14%2010.5L8.5%206%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M14%2010.5L8.5%206%22%20stroke%3D%22%23DF0033%22%2F%3E%3C%2Fg%3E%3Cg%20mask%3D%22url(%23b)%22%20stroke-linecap%3D%22square%22%3E%3Cpath%20d%3D%22M-1%2010.5L4.5%206M0%2010.5L5.5%206%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M0%2010.5L5.5%206%22%20stroke%3D%22%23DF0033%22%2F%3E%3C%2Fg%3E%3Cg%20mask%3D%22url(%23b)%22%20stroke-linecap%3D%22square%22%3E%3Cpath%20d%3D%22M-1-.5L4.5%204M0-.5L5.5%204%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M0-.5L5.5%204%22%20stroke%3D%22%23DF0033%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23FFF%22%20mask%3D%22url(%23b)%22%20d%3D%22M5%200h4v10H5z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20mask%3D%22url(%23b)%22%20d%3D%22M0%203h14v4H0z%22%2F%3E%3Cpath%20fill%3D%22%23DF0033%22%20mask%3D%22url(%23b)%22%20d%3D%22M6%200h2v10H6z%22%2F%3E%3Cpath%20fill%3D%22%23DF0033%22%20mask%3D%22url(%23b)%22%20d%3D%22M0%204h14v2H0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
  .nav__account li.nav__account--country .flag-us {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23D12D43%22%20d%3D%22M0%208h14v2H0zM0%204h14v2H0zM0%200h14v2H0z%22%2F%3E%3Cpath%20fill%3D%22%2308386F%22%20d%3D%22M0%200h6v6H0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

.nav__account li.nav__account--mode {
  position: relative;
  padding: .75rem 0; }
  @media only screen and (min-width: 1050px) {
    .nav__account li.nav__account--mode {
      padding: 0 0 0 0.5rem; } }
  .nav__account li.nav__account--mode .modeSwitch__label {
    display: inline-block;
    margin-right: 0.5rem; }
    .light-mode .nav__account li.nav__account--mode .modeSwitch__label {
      color: #ffffff; }
    .dark-mode .nav__account li.nav__account--mode .modeSwitch__label {
      color: #EEEEF3; }
    @media only screen and (min-width: 1050px) {
      .nav__account li.nav__account--mode .modeSwitch__label {
        display: none; } }
  .nav__account li.nav__account--mode .modeSwitch {
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 0px; }
    @media only screen and (min-width: 1050px) {
      .nav__account li.nav__account--mode .modeSwitch {
        position: relative;
        right: auto;
        top: 5px; } }
    .nav__account li.nav__account--mode .modeSwitch:hover {
      cursor: pointer; }
    .nav__account li.nav__account--mode .modeSwitch .modeSwitch__wrapper {
      width: 48px;
      height: 24px;
      border-radius: 4px;
      position: relative; }
      .light-mode .nav__account li.nav__account--mode .modeSwitch .modeSwitch__wrapper {
        background-color: #26293c;
        box-shadow: inset 0px 0px 0px 1px #30344c; }
      .dark-mode .nav__account li.nav__account--mode .modeSwitch .modeSwitch__wrapper {
        background-color: #282838;
        box-shadow: inset 0px 0px 0px 1px #333347; }
      @media only screen and (min-width: 1050px) {
        .nav__account li.nav__account--mode .modeSwitch .modeSwitch__wrapper {
          width: 36px;
          height: 18px; } }
    .nav__account li.nav__account--mode .modeSwitch .modeSwitch__toggle {
      width: 24px;
      height: 24px;
      border-radius: 4px;
      position: relative;
      transition: all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
      .light-mode .nav__account li.nav__account--mode .modeSwitch .modeSwitch__toggle {
        background-color: #30344c; }
      .dark-mode .nav__account li.nav__account--mode .modeSwitch .modeSwitch__toggle {
        background-color: #3d3d56; }
      @media only screen and (min-width: 1050px) {
        .nav__account li.nav__account--mode .modeSwitch .modeSwitch__toggle {
          width: 18px;
          height: 18px; } }
      .nav__account li.nav__account--mode .modeSwitch .modeSwitch__toggle:after {
        content: "";
        display: block;
        position: absolute; }
    .nav__account li.nav__account--mode .modeSwitch .modeSwitch__toggle--light-mode {
      left: 24px;
      box-shadow: 0px 0px 2px 1px #09090F, inset 0px 0px 0px 1px #44496b; }
      @media only screen and (min-width: 1050px) {
        .nav__account li.nav__account--mode .modeSwitch .modeSwitch__toggle--light-mode {
          left: 18px; } }
      .nav__account li.nav__account--mode .modeSwitch .modeSwitch__toggle--light-mode:after {
        width: 4px;
        height: 12px;
        border-radius: 2px;
        box-shadow: inset 0px 0px 0px 2px #ffffff, 0px 0px 5px 1px #29a5ff, 0px 0px 1px 1px #29a5ff;
        top: 6px;
        left: 10px; }
        @media only screen and (min-width: 1050px) {
          .nav__account li.nav__account--mode .modeSwitch .modeSwitch__toggle--light-mode:after {
            width: 2px;
            height: 8px;
            top: 5px;
            left: 8px; } }
    .nav__account li.nav__account--mode .modeSwitch .modeSwitch__toggle--dark-mode {
      left: 0px;
      box-shadow: 0px 0px 2px 1px #09090F, inset 0px 0px 0px 1px #59597c; }
      .nav__account li.nav__account--mode .modeSwitch .modeSwitch__toggle--dark-mode:after {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        box-shadow: inset 0px 0px 0px 3px #7e7e91;
        top: 6px;
        left: 6px; }
        @media only screen and (min-width: 1050px) {
          .nav__account li.nav__account--mode .modeSwitch .modeSwitch__toggle--dark-mode:after {
            width: 8px;
            height: 8px;
            top: 5px;
            left: 5px;
            box-shadow: inset 0px 0px 0px 2px #7e7e91; } }
.navDesktop {
  display: none; }
  @media only screen and (min-width: 1050px) {
    .navDesktop {
      display: block;
      font-size: 0.75rem; } }
  .navDesktop .nav__logo--full {
    max-width: 180px; }
  .navDesktop .nav__top {
    padding: 0.5rem 0; }
    .light-mode .navDesktop .nav__top {
      background-color: #191b2b; }
    .dark-mode .navDesktop .nav__top {
      background-color: #09090F; }
    .navDesktop .nav__top .nav__wrapper {
      display: grid;
      height: 56px;
      grid-template-columns: auto 1fr;
      align-items: center; }
  .light-mode .navDesktop .nav__bottom {
    background-color: #191b2b; }
  .dark-mode .navDesktop .nav__bottom {
    background-color: #09090F; }
  .navDesktop .nav__bottom .nav__wrapper {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center; }
  .navDesktop .nav__bottom .nav__search {
    padding: 1rem;
    line-height: 0;
    height: 100%;
    border-left-style: solid;
    border-right-style: solid;
    border-left-width: 1px;
    border-right-width: 1px; }
    .light-mode .navDesktop .nav__bottom .nav__search {
      border-color: #26293c; }
    .dark-mode .navDesktop .nav__bottom .nav__search {
      border-color: #181827; }
    .navDesktop .nav__bottom .nav__search svg {
      position: relative;
      top: 2px; }
    .light-mode .navDesktop .nav__bottom .nav__search:hover {
      background-color: #26293c; }
    .dark-mode .navDesktop .nav__bottom .nav__search:hover {
      background-color: #181827; }

.light-mode .nav__search--active {
  background-color: #26293c; }

.dark-mode .nav__search--active {
  background-color: #181827; }

.light-mode .nav__search--active svg.icon {
  fill: #EDA920; }

.dark-mode .nav__search--active svg.icon {
  fill: #EF9E20; }

.nav__account--desktop {
  text-align: right; }
  .nav__account--desktop li {
    display: inline-block; }
    .nav__account--desktop li a {
      padding: 0 0.5rem;
      border-right-style: solid;
      border-right-width: 1px; }
      .light-mode .nav__account--desktop li a {
        border-color: #26293c; }
      .dark-mode .nav__account--desktop li a {
        border-color: #181827; }
    .nav__account--desktop li.nav__account--user .user-avatar {
      width: 1.5rem; }

.navMobile {
  display: grid; }
  .light-mode .navMobile {
    background-color: #191b2b; }
  .dark-mode .navMobile {
    background-color: #09090F; }
  @media only screen and (min-width: 1050px) {
    .navMobile {
      display: none; } }
  .navMobile .nav__logo--icon {
    max-width: 36px; }
  .navMobile .nav__wrapper {
    display: grid;
    height: 56px;
    grid-template-columns: auto 1fr;
    align-items: center; }
  .navMobile .nav__menu--mobile {
    text-align: right; }
    .navMobile .nav__menu--mobile li {
      display: inline-block;
      margin-left: 10px; }
      .navMobile .nav__menu--mobile li a {
        display: block;
        padding: 0.5rem;
        line-height: 0; }
      .navMobile .nav__menu--mobile li.nav-divider {
        height: 20px;
        width: 1px; }
        .light-mode .navMobile .nav__menu--mobile li.nav-divider {
          background-color: #26293c; }
        .dark-mode .navMobile .nav__menu--mobile li.nav-divider {
          background-color: #181827; }
      .navMobile .nav__menu--mobile li.nav__account--messages a {
        position: relative; }
        .navMobile .nav__menu--mobile li.nav__account--messages a:before {
          display: block;
          content: "";
          position: absolute;
          top: 3px;
          right: 3px;
          width: 6px;
          height: 6px;
          border-radius: 3px; }
          .light-mode .navMobile .nav__menu--mobile li.nav__account--messages a:before {
            background-color: #EDA920; }
          .dark-mode .navMobile .nav__menu--mobile li.nav__account--messages a:before {
            background-color: #EF9E20; }

.navCard {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 200;
  font-size: 1.25rem;
  color: #ffffff; }
  .light-mode .navCard {
    background-color: #26293c; }
  .dark-mode .navCard {
    background-color: #181827; }
  .navCard .navCard__header {
    padding: 0.5rem 1rem;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 100; }
    .light-mode .navCard .navCard__header {
      background-color: #12131e; }
    .dark-mode .navCard .navCard__header {
      background-color: #010102; }
    .navCard .navCard__header .navCard__wrapper {
      display: grid;
      height: 56px;
      grid-template-columns: 1fr auto 1fr;
      align-items: center; }
      .light-mode .navCard .navCard__header .navCard__wrapper {
        color: #ffffff; }
      .dark-mode .navCard .navCard__header .navCard__wrapper {
        color: #EEEEF3; }
    .navCard .navCard__header .nav__back {
      padding: 0.5rem;
      width: 36px; }
      .navCard .navCard__header .nav__back svg {
        transform: rotate(90deg);
        width: 20px;
        height: 20px; }
    .navCard .navCard__header h6 {
      line-height: 0; }
      .navCard .navCard__header h6 svg {
        width: 18px;
        height: 18px;
        margin-right: 0.5rem; }
        .light-mode .navCard .navCard__header h6 svg {
          fill: #EDA920; }
        .dark-mode .navCard .navCard__header h6 svg {
          fill: #EF9E20; }
      .navCard .navCard__header h6 span {
        position: relative;
        top: -3px; }
    .navCard .navCard__header a {
      display: block;
      padding: 0.5rem;
      line-height: 0; }
  .navCard .navCard__content > div a {
    display: block; }
  .navCard .navCard__content > div li {
    padding: 0.5rem 1rem; }

.navCard--show {
  display: block; }

@media only screen and (min-width: 1050px) {
  .navCard--products {
    display: none; } }

.navCard--products .navCard__content .navCard__wrapper {
  padding: 1rem 0; }
  .navCard--products .navCard__content .navCard__wrapper .browseProducts__block--popular {
    padding: 0 1rem; }
    .navCard--products .navCard__content .navCard__wrapper .browseProducts__block--popular li {
      padding: 0; }

@media only screen and (min-width: 1050px) {
  .navCard--account {
    display: none; } }

.navCard--account .navCard__content {
  padding-top: 0.5rem; }
  .navCard--account .navCard__content .nav__account--mobile {
    display: grid;
    grid-template-columns: 1fr auto; }
    .navCard--account .navCard__content .nav__account--mobile li {
      grid-column: 1/3; }
    .navCard--account .navCard__content .nav__account--mobile .nav__account--user {
      grid-column: 1/2; }
      .navCard--account .navCard__content .nav__account--mobile .nav__account--user .user-avatar {
        width: 2rem; }
    .navCard--account .navCard__content .nav__account--mobile .nav__account--messages {
      grid-column: 2/3;
      text-align: right; }
    .navCard--account .navCard__content .nav__account--mobile .nav__account--saved {
      border-bottom-style: solid;
      border-bottom-width: 1px; }
      .light-mode .navCard--account .navCard__content .nav__account--mobile .nav__account--saved {
        border-color: #3a3e5b; }
      .dark-mode .navCard--account .navCard__content .nav__account--mobile .nav__account--saved {
        border-color: #2b2b47; }
    .navCard--account .navCard__content .nav__account--mobile .nav__account--country {
      border-bottom-style: solid;
      border-bottom-width: 1px; }
      .light-mode .navCard--account .navCard__content .nav__account--mobile .nav__account--country {
        border-color: #3a3e5b; }
      .dark-mode .navCard--account .navCard__content .nav__account--mobile .nav__account--country {
        border-color: #2b2b47; }
      .navCard--account .navCard__content .nav__account--mobile .nav__account--country select {
        width: 100%; }
    .navCard--account .navCard__content .nav__account--mobile .nav__account--mode {
      border-bottom-style: solid;
      border-bottom-width: 1px; }
      .light-mode .navCard--account .navCard__content .nav__account--mobile .nav__account--mode {
        border-color: #3a3e5b; }
      .dark-mode .navCard--account .navCard__content .nav__account--mobile .nav__account--mode {
        border-color: #2b2b47; }
      .navCard--account .navCard__content .nav__account--mobile .nav__account--mode p {
        padding: 0.5rem 0; }
      .navCard--account .navCard__content .nav__account--mobile .nav__account--mode .modeSwitch {
        right: 1rem;
        top: 18px; }
        .light-mode .navCard--account .navCard__content .nav__account--mobile .nav__account--mode .modeSwitch .modeSwitch__wrapper {
          background-color: #12141d; }
        .dark-mode .navCard--account .navCard__content .nav__account--mobile .nav__account--mode .modeSwitch .modeSwitch__wrapper {
          background-color: #050507; }

@media only screen and (min-width: 1050px) {
  .navCard--resources {
    display: none; } }

.navCard--resources .navCard__content svg {
  width: 24px;
  height: 24px;
  position: relative;
  top: 5px;
  margin-right: 0.5rem; }
  .light-mode .navCard--resources .navCard__content svg {
    fill: rgba(255, 255, 255, 0.5); }
  .dark-mode .navCard--resources .navCard__content svg {
    fill: rgba(184, 184, 200, 0.5); }

.navCard--resources .navCard__content .nav__categories--guides,
.navCard--resources .navCard__content .nav__categories--builds {
  border-bottom-style: solid;
  border-bottom-width: 1px; }
  .light-mode .navCard--resources .navCard__content .nav__categories--guides, .light-mode .navCard--resources .navCard__content .nav__categories--builds {
    border-color: #3a3e5b; }
  .dark-mode .navCard--resources .navCard__content .nav__categories--guides, .dark-mode .navCard--resources .navCard__content .nav__categories--builds {
    border-color: #2b2b47; }
  .navCard--resources .navCard__content .nav__categories--guides a,
  .navCard--resources .navCard__content .nav__categories--builds a {
    padding: 0.5rem 0; }

@-webkit-keyframes slide-down {
  0% {
    -webkit-transform: translateY(-100%); }
  100% {
    -webkit-transform: translateY(0); } }

@media only screen and (min-width: 1050px) {
  .navCard--search {
    position: absolute;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    height: auto;
    width: 100%;
    transition: top 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
    z-index: -100;
    overflow-y: auto; }
    .light-mode .navCard--search {
      background-color: #26293c; }
    .dark-mode .navCard--search {
      background-color: #181827; } }

@media only screen and (min-width: 1050px) {
  .navCard--search .navCard__header {
    display: none; } }

.navCard--search .navCard__content .searchField form {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-column-gap: 1rem; }
  .navCard--search .navCard__content .searchField form input {
    color: #ffffff; }
    .light-mode .navCard--search .navCard__content .searchField form input {
      background-color: #1c1e2c; }
    .dark-mode .navCard--search .navCard__content .searchField form input {
      background-color: #0e0e17; }
    .navCard--search .navCard__content .searchField form input::placeholder {
      color: rgba(255, 255, 255, 0.4); }

.navSearch--display {
  display: block;
  -webkit-animation: slide-down .3s ease-out; }

.navSearch {
  display: none;
  position: absolute;
  width: 100%;
  transition: top 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  z-index: -100; }
  .light-mode .navSearch {
    background-color: #26293c; }
  .dark-mode .navSearch {
    background-color: #181827; }

.navLogoOnly {
  color: #ffffff; }
  .light-mode .navLogoOnly {
    background-color: #12131e; }
  .dark-mode .navLogoOnly {
    background-color: #010102; }
  .navLogoOnly .nav__wrapper {
    display: grid;
    height: 56px;
    grid-template-columns: 1fr auto 1fr;
    align-items: center; }
    .navLogoOnly .nav__wrapper a {
      line-height: 0; }
    .navLogoOnly .nav__wrapper h6 {
      text-align: center; }
    .navLogoOnly .nav__wrapper .nav__back {
      padding: 0.5rem;
      width: 36px; }
      .navLogoOnly .nav__wrapper .nav__back svg {
        transform: rotate(90deg);
        width: 20px;
        height: 20px; }
    .navLogoOnly .nav__wrapper .filter-count {
      font-size: 0.875rem;
      display: block; }
      .light-mode .navLogoOnly .nav__wrapper .filter-count {
        color: #EDA920; }
      .dark-mode .navLogoOnly .nav__wrapper .filter-count {
        color: #EF9E20; }

.nav__categories {
  display: none;
  position: absolute;
  text-align: center;
  padding: 1.5rem 0; }
  @media only screen and (min-width: 1050px) {
    .nav__categories {
      display: inline-block;
      vertical-align: middle;
      position: inherit;
      text-align: left;
      padding: 0; }
      @supports (display: grid) or (display: -ms-grid) {
        .nav__categories {
          display: block;
          vertical-align: inherit; } } }
  .nav__categories > li {
    display: block; }
    @media only screen and (min-width: 1050px) {
      .nav__categories > li {
        display: inline-block; } }
    .nav__categories > li a {
      display: inline-block;
      padding: 0.5rem; }
      @media only screen and (min-width: 1050px) {
        .nav__categories > li a {
          padding: 1rem 0.5rem; } }
      .light-mode .nav__categories > li a.nav__categories--active {
        color: #EDA920; }
      .dark-mode .nav__categories > li a.nav__categories--active {
        color: #EF9E20; }
    .nav__categories > li.nav__categories--partlist a, .nav__categories > li.nav__categories--browseProducts a, .nav__categories > li.nav__categories--guides a, .nav__categories > li.nav__categories--builds a {
      color: #ffffff;
      font-size: 1.25rem; }
      @media only screen and (min-width: 1050px) {
        .nav__categories > li.nav__categories--partlist a, .nav__categories > li.nav__categories--browseProducts a, .nav__categories > li.nav__categories--guides a, .nav__categories > li.nav__categories--builds a {
          font-size: 0.875rem; } }
      .light-mode .nav__categories > li.nav__categories--partlist a:hover, .light-mode .nav__categories > li.nav__categories--browseProducts a:hover, .light-mode .nav__categories > li.nav__categories--guides a:hover, .light-mode .nav__categories > li.nav__categories--builds a:hover {
        color: #EDA920; }
      .dark-mode .nav__categories > li.nav__categories--partlist a:hover, .dark-mode .nav__categories > li.nav__categories--browseProducts a:hover, .dark-mode .nav__categories > li.nav__categories--guides a:hover, .dark-mode .nav__categories > li.nav__categories--builds a:hover {
        color: #EF9E20; }
      .light-mode .nav__categories > li.nav__categories--partlist a:hover svg, .light-mode .nav__categories > li.nav__categories--browseProducts a:hover svg, .light-mode .nav__categories > li.nav__categories--guides a:hover svg, .light-mode .nav__categories > li.nav__categories--builds a:hover svg {
        fill: #EDA920; }
      .dark-mode .nav__categories > li.nav__categories--partlist a:hover svg, .dark-mode .nav__categories > li.nav__categories--browseProducts a:hover svg, .dark-mode .nav__categories > li.nav__categories--guides a:hover svg, .dark-mode .nav__categories > li.nav__categories--builds a:hover svg {
        fill: #EF9E20; }
    .nav__categories > li.nav__categories--browseProducts {
      display: none; }
      @media only screen and (min-width: 1050px) {
        .nav__categories > li.nav__categories--browseProducts {
          display: inline-block;
          margin-right: 0.5rem; } }
      .nav__categories > li.nav__categories--browseProducts a .down-caret {
        display: inline-block;
        position: relative;
        top: 3px;
        left: 4px;
        transition: transform 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
        transform-origin: 50% 42%; }
        .nav__categories > li.nav__categories--browseProducts a .down-caret svg {
          width: 14px;
          height: 14px; }
      .nav__categories > li.nav__categories--browseProducts a .down-caret--rotate {
        transform: rotate(180deg); }

.browseProducts {
  background-color: transparent;
  width: 100%;
  left: 0;
  top: 126px;
  z-index: -100;
  transition: top 0.45s cubic-bezier(0.165, 0.84, 0.44, 1); }
  @media only screen and (min-width: 1050px) {
    .browseProducts {
      padding: 2rem 0;
      position: absolute; }
      .light-mode .browseProducts {
        background-color: #26293c; }
      .dark-mode .browseProducts {
        background-color: #181827; } }
  @media only screen and (min-width: 1050px) {
    .browseProducts .browseProducts__wrapper {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-column-gap: 2rem; } }
  @media only screen and (min-width: 1050px) {
    .browseProducts .browseProducts__block--group1 {
      display: inline-block;
      width: 49%;
      vertical-align: top;
      display: block;
      width: auto;
      vertical-align: inherit; } }
  @media only screen and (min-width: 1050px) and (-ms-high-contrast: active), only screen and (min-width: 1050px) and (-ms-high-contrast: none) {
    .browseProducts .browseProducts__block--group1 {
      margin-right: 1rem; } }
  .browseProducts .browseProducts__block--group1 ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0.5rem; }
    @media only screen and (min-width: 768px) {
      .browseProducts .browseProducts__block--group1 ul {
        grid-template-columns: repeat(4, 1fr); } }
    .browseProducts .browseProducts__block--group1 ul li {
      vertical-align: inherit;
      display: block;
      width: auto; }
      .browseProducts .browseProducts__block--group1 ul li a {
        display: block;
        text-align: center;
        padding: 0.5rem;
        transition: box-shadow 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
        font-weight: 700;
        text-decoration: none;
        color: #ffffff;
        font-size: 0.75rem;
        height: 100%; }
        .light-mode .browseProducts .browseProducts__block--group1 ul li a {
          background-color: #323549;
          box-shadow: inset 0px 0px 0px 1px #3e4257; }
        .dark-mode .browseProducts .browseProducts__block--group1 ul li a {
          background-color: #353544;
          box-shadow: inset 0px 0px 0px 1px #424251; }
        .light-mode .browseProducts .browseProducts__block--group1 ul li a:hover {
          color: #ffffff;
          background-color: rgba(237, 169, 32, 0.15);
          box-shadow: inset 0px 0px 0px 2px #EDA920; }
        .dark-mode .browseProducts .browseProducts__block--group1 ul li a:hover {
          color: #EEEEF3;
          background-color: rgba(239, 158, 32, 0.15);
          box-shadow: inset 0px 0px 0px 2px #EF9E20; }
        .browseProducts .browseProducts__block--group1 ul li a img {
          display: block;
          margin: 0 auto 0.5rem;
          min-width: 64px;
          max-width: 100px;
          width: 100%; }
  .browseProducts .browseProducts__block--group2 {
    text-align: left; }
    @supports (display: -ms-grid) {
      .browseProducts .browseProducts__block--group2 {
        -ms-grid-column: 2; } }
    @media only screen and (min-width: 1050px) {
      .browseProducts .browseProducts__block--group2 {
        display: inline-block;
        width: 49%;
        vertical-align: top; }
        @supports (display: grid) or (display: -ms-grid) {
          .browseProducts .browseProducts__block--group2 {
            vertical-align: inherit;
            width: auto;
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: 1fr 1fr 1fr;
            grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
            grid-gap: 1.5rem; }
            @media only screen and (min-width: 1050px) and (-ms-high-contrast: active), only screen and (min-width: 1050px) and (-ms-high-contrast: none) {
              .browseProducts .browseProducts__block--group2 {
                margin-left: 1rem; } }
            .browseProducts .browseProducts__block--group2 > div:nth-child(1) {
              -ms-grid-column: 1; }
            .browseProducts .browseProducts__block--group2 > div:nth-child(2) {
              -ms-grid-column: 2; }
            .browseProducts .browseProducts__block--group2 > div:nth-child(3) {
              -ms-grid-column: 3; } } }
    @media only screen and (min-width: 1050px) {
      .browseProducts .browseProducts__block--group2 .browseProducts__col1,
      .browseProducts .browseProducts__block--group2 .browseProducts__col2,
      .browseProducts .browseProducts__block--group2 .browseProducts__col3 {
        display: inline-block;
        width: 24%;
        vertical-align: top;
        margin-right: 0.5rem; }
        @supports (display: grid) or (display: -ms-grid) {
          .browseProducts .browseProducts__block--group2 .browseProducts__col1,
          .browseProducts .browseProducts__block--group2 .browseProducts__col2,
          .browseProducts .browseProducts__block--group2 .browseProducts__col3 {
            display: block;
            width: auto;
            vertical-align: inherit;
            margin-right: 0; } } }
    .browseProducts .browseProducts__block--group2 ul {
      margin: 1.5rem 0 0 0; }
      @media only screen and (min-width: 1050px) {
        .browseProducts .browseProducts__block--group2 ul {
          margin: 0 0 1rem 0; }
          .browseProducts .browseProducts__block--group2 ul:last-of-type {
            margin: 0; } }
      .browseProducts .browseProducts__block--group2 ul li h2 {
        font-size: 1.25rem;
        border-bottom-style: solid;
        border-bottom-width: 1px; }
        .light-mode .browseProducts .browseProducts__block--group2 ul li h2 {
          color: rgba(255, 255, 255, 0.5);
          border-color: #383c58; }
        .dark-mode .browseProducts .browseProducts__block--group2 ul li h2 {
          color: rgba(238, 238, 243, 0.5);
          border-color: #292943; }
        @media only screen and (min-width: 1050px) {
          .browseProducts .browseProducts__block--group2 ul li h2 {
            font-size: 0.75rem;
            margin-bottom: 0.25rem; } }
      .browseProducts .browseProducts__block--group2 ul li a {
        display: block;
        padding: 0.25rem 0;
        font-size: 1.25rem; }
        .light-mode .browseProducts .browseProducts__block--group2 ul li a {
          color: #ffffff; }
        .dark-mode .browseProducts .browseProducts__block--group2 ul li a {
          color: #EEEEF3; }
        @media only screen and (min-width: 1050px) {
          .browseProducts .browseProducts__block--group2 ul li a {
            font-size: 0.75rem;
            line-height: 1.25; } }
        .light-mode .browseProducts .browseProducts__block--group2 ul li a:hover {
          color: #EDA920; }
        .dark-mode .browseProducts .browseProducts__block--group2 ul li a:hover {
          color: #EF9E20; }

.browseProducts--hide {
  top: -550px; }

.nav__account--display,
.nav__categories--display {
  opacity: 1;
  position: absolute;
  top: 72px;
  right: 0;
  bottom: 0;
  left: 0;
  height: calc(100vh - 72px);
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 200; }
  .light-mode .nav__account--display, .light-mode .nav__categories--display {
    background-color: #191b2b; }
  .dark-mode .nav__account--display, .dark-mode .nav__categories--display {
    background-color: #09090F; }
  @supports (display: grid) or (display: -ms-grid) {
    .nav__account--display,
    .nav__categories--display {
      width: 100vw; } }
  @media only screen and (min-width: 1050px) {
    .nav__account--display,
    .nav__categories--display {
      height: auto;
      z-index: auto;
      position: static;
      background: transparent !important;
      overflow-y: auto; }
      @supports (display: grid) or (display: -ms-grid) {
        .nav__account--display,
        .nav__categories--display {
          width: 100%; } } }
.nav__categories--display {
  display: grid;
  grid-template-columns: 1fr 1fr; }
  .nav__categories--display .nav__categories--partlist {
    grid-column: 1/3; }
  .nav__categories--display .nav__categories--guides {
    grid-column: 1/3; }
  .nav__categories--display .nav__categories--builds {
    grid-column: 1/3; }
  .nav__categories--display > li:last-of-type {
    grid-column: 1/3; }
  @media only screen and (min-width: 1050px) {
    .nav__categories--display {
      display: block; } }
  .nav__categories--display .browseProducts {
    display: block; }

.message {
  padding: 1rem 0; }
  .message .comment__commentData li {
    display: inline-block; }

.no-scroll {
  overflow-y: hidden;
  width: 100%;
  height: 100vh; }
  @media only screen and (min-width: 1050px) {
    .no-scroll {
      overflow-y: visible; } }
.no-scroll--gallery {
  overflow-y: hidden !important;
  width: 100%;
  height: 100vh; }

.offCanvas {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  z-index: 100; }
  .light-mode .offCanvas {
    background-color: #f4f4f3; }
  .dark-mode .offCanvas {
    background-color: #282838; }
  @media only screen and (min-width: 1050px) {
    .offCanvas {
      z-index: auto;
      position: relative;
      background: transparent;
      overflow: visible; } }
  @media only screen and (min-width: 1050px) {
    .offCanvas .masthead {
      display: none; } }
  .offCanvas .masthead .nav__top {
    background: #191b2b;
    padding: 0.5rem 0; }
    .offCanvas .masthead .nav__top .nav__logo {
      float: left; }
      .offCanvas .masthead .nav__top .nav__logo img {
        max-width: 180px;
        width: 100%; }
    .offCanvas .masthead .nav__top .nav__menu--mobile li {
      display: block; }
      .offCanvas .masthead .nav__top .nav__menu--mobile li a {
        display: block;
        padding: 20px 12px; }
  .offCanvas .offCanvas__content {
    position: absolute;
    width: 100%;
    height: calc(100% - 72px);
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    padding-top: 1rem;
    padding-bottom: 200px; }
    @media only screen and (min-width: 1050px) {
      .offCanvas .offCanvas__content {
        top: 0;
        padding-top: 0;
        position: static;
        overflow-y: auto; } }
    .offCanvas .offCanvas__content li {
      font-size: 1.125rem; }
      @media only screen and (min-width: 1050px) {
        .offCanvas .offCanvas__content li {
          font-size: 0.875rem; } }
    .offCanvas .offCanvas__content .arrow__small {
      display: inline-block;
      transform-origin: 50% 48%;
      position: relative;
      top: 2px;
      left: 4px;
      transform: rotate(0deg);
      transition: transform 0.45s cubic-bezier(0.165, 0.84, 0.44, 1); }
      .offCanvas .offCanvas__content .arrow__small svg {
        width: 11px;
        height: 11px;
        fill: #2c85c5; }
    .offCanvas .offCanvas__content .arrow__small--up {
      top: -1px;
      transform: rotate(180deg); }
    .offCanvas .offCanvas__content .subTitle__header {
      border-color: #ffffff; }
      @media only screen and (min-width: 1050px) {
        .offCanvas .offCanvas__content .subTitle__header {
          border-color: inherit; } }
    .offCanvas .offCanvas__content .miniPartlist {
      border-style: solid;
      border-width: 1px;
      margin-bottom: 2rem; }
      .light-mode .offCanvas .offCanvas__content .miniPartlist {
        border-color: #191b2b;
        background-color: #f9f5e9;
        color: #191b2b; }
      .dark-mode .offCanvas .offCanvas__content .miniPartlist {
        border-color: #09090F;
        background-color: #46465c;
        color: #EEEEF3; }
      .offCanvas .offCanvas__content .miniPartlist img {
        width: 24px;
        margin-bottom: -9px;
        margin-left: 5px;
        margin-right: 6px; }
      .offCanvas .offCanvas__content .miniPartlist .miniPartlist__header {
        padding: 1rem 0.5rem;
        text-align: center; }
        .offCanvas .offCanvas__content .miniPartlist .miniPartlist__header h2 {
          font-size: 1rem; }
      .offCanvas .offCanvas__content .miniPartlist .group__title {
        padding: 0 1rem; }
        .offCanvas .offCanvas__content .miniPartlist .group__title .collapse-toggle {
          right: 1rem; }
      .offCanvas .offCanvas__content .miniPartlist ul {
        padding: 1rem 1rem 0.5rem 1rem; }
        @media only screen and (min-width: 768px) and (max-width: 1049px) {
          .offCanvas .offCanvas__content .miniPartlist ul {
            text-align: center; } }
      .offCanvas .offCanvas__content .miniPartlist li {
        margin-bottom: 0.5rem;
        line-height: 1.25; }
        .offCanvas .offCanvas__content .miniPartlist li:last-of-type {
          margin-bottom: 0; }
      .offCanvas .offCanvas__content .miniPartlist .filter__compatibility {
        font-size: 0.875rem;
        text-align: center;
        position: relative; }
        .offCanvas .offCanvas__content .miniPartlist .filter__compatibility .compatibility__wrapper {
          position: relative;
          padding: 0 1rem;
          display: inline-block;
          z-index: 1; }
          .light-mode .offCanvas .offCanvas__content .miniPartlist .filter__compatibility .compatibility__wrapper {
            background-color: #f9f5e9; }
          .dark-mode .offCanvas .offCanvas__content .miniPartlist .filter__compatibility .compatibility__wrapper {
            background-color: #46465c; }
        .offCanvas .offCanvas__content .miniPartlist .filter__compatibility:after {
          content: "";
          display: block;
          position: absolute;
          height: 2px;
          width: 100%;
          top: 49%; }
          .light-mode .offCanvas .offCanvas__content .miniPartlist .filter__compatibility:after {
            background-color: #191b2b; }
          .dark-mode .offCanvas .offCanvas__content .miniPartlist .filter__compatibility:after {
            background-color: #09090F; }
      .offCanvas .offCanvas__content .miniPartlist .moreless {
        font-size: 0.875rem;
        display: block;
        font-weight: 700;
        text-align: center;
        color: #191b2b;
        padding: 1rem; }
        .offCanvas .offCanvas__content .miniPartlist .moreless svg {
          fill: #191b2b; }
        .offCanvas .offCanvas__content .miniPartlist .moreless:hover {
          color: #2c85c5; }
      .offCanvas .offCanvas__content .miniPartlist .miniPartlist__parts a,
      .offCanvas .offCanvas__content .miniPartlist .miniPartlist__price a,
      .offCanvas .offCanvas__content .miniPartlist .miniPartlist__keyMetric a {
        font-size: 1rem;
        font-weight: 700; }
        .offCanvas .offCanvas__content .miniPartlist .miniPartlist__parts a:hover h4,
        .offCanvas .offCanvas__content .miniPartlist .miniPartlist__price a:hover h4,
        .offCanvas .offCanvas__content .miniPartlist .miniPartlist__keyMetric a:hover h4 {
          text-decoration: none; }
      .offCanvas .offCanvas__content .miniPartlist .miniPartlist__parts h4,
      .offCanvas .offCanvas__content .miniPartlist .miniPartlist__price h4,
      .offCanvas .offCanvas__content .miniPartlist .miniPartlist__keyMetric h4 {
        font-size: 0.625rem;
        text-transform: uppercase; }
      .offCanvas .offCanvas__content .miniPartlist .miniPartlist__parts,
      .offCanvas .offCanvas__content .miniPartlist .miniPartlist__price {
        display: inline-block; }
      .offCanvas .offCanvas__content .miniPartlist .miniPartlist__parts {
        width: 30%; }
        @media only screen and (min-width: 768px) and (max-width: 1049px) {
          .offCanvas .offCanvas__content .miniPartlist .miniPartlist__parts {
            width: 32%; } }
        .offCanvas .offCanvas__content .miniPartlist .miniPartlist__parts a {
          margin-right: 0.25rem; }
      .offCanvas .offCanvas__content .miniPartlist .miniPartlist__price {
        width: 60%; }
        @media only screen and (min-width: 768px) and (max-width: 1049px) {
          .offCanvas .offCanvas__content .miniPartlist .miniPartlist__price {
            width: 32%; } }
      .offCanvas .offCanvas__content .miniPartlist .miniPartlist__keyMetric {
        margin-top: 0.25rem; }
        @media only screen and (min-width: 768px) and (max-width: 1049px) {
          .offCanvas .offCanvas__content .miniPartlist .miniPartlist__keyMetric {
            width: 32%;
            display: inline-block; } }
      .offCanvas .offCanvas__content .miniPartlist .group__content {
        padding: 0 1rem 1rem 1rem; }

.offCanvas__sidebar {
  display: none; }
  .offCanvas__sidebar .module-subTitle {
    display: block; }
  @media only screen and (min-width: 1050px) {
    .offCanvas__sidebar {
      display: block; } }
.offCanvas__sort {
  display: none; }
  .offCanvas__sort .module-subTitle {
    display: block; }

.offCanvas__gallery {
  display: none; }
  @media only screen and (min-width: 1050px) {
    .offCanvas__gallery {
      position: fixed;
      z-index: 100; } }
  @media only screen and (min-width: 1050px) {
    .offCanvas__gallery .masthead {
      display: block; } }
.offCanvas__gallery .offCanvas__content {
  overflow-y: hidden; }

.offCanvas--display {
  display: block !important;
  opacity: 1; }
  .offCanvas--display .nav__menu--mobile {
    display: block !important; }

.main-content--display, .sidebar-content--display, .footer--display {
  display: none !important; }
  @media only screen and (min-width: 1050px) {
    .main-content--display, .sidebar-content--display, .footer--display {
      display: block !important; } }
.offCanvas__controls .offCanvas__control--col-6 {
  width: 48% !important; }
  .offCanvas__controls .offCanvas__control--col-6:last-child {
    float: right; }

.offCanvas__controls .offCanvas__control--col-12 {
  width: 100% !important; }

.wrapper__pageContent {
  padding: 1.5rem 0; }
  @media only screen and (min-width: 1050px) {
    .wrapper__pageContent {
      padding: 3rem 0; } }
.searchField input {
  font-size: 1.125rem; }

#search-results .searchField .button {
  line-height: 0 !important;
  padding: 5px 0 8px 0 !important; }
  #search-results .searchField .button .shape-search {
    width: 18px;
    height: 18px;
    margin: 3px 0 3px 0  !important; }

.search-results__pageContent {
  overflow: hidden; }
  .search-results__pageContent ul {
    padding: 0;
    margin: 0; }
    .search-results__pageContent ul li {
      display: block;
      overflow: hidden;
      width: 100%;
      border-bottom: 1px solid #a1a1a1;
      padding: 0.5rem 0; }
      @media only screen and (min-width: 768px) {
        .search-results__pageContent ul li {
          display: table;
          overflow: auto; } }
      .search-results__pageContent ul li .search_results--img {
        display: block;
        float: left;
        width: 60px;
        height: 60px;
        text-align: center;
        background: #ffffff;
        border: 2px solid #EAEAEA;
        padding: 0.5rem; }
        @media only screen and (min-width: 768px) {
          .search-results__pageContent ul li .search_results--img {
            width: 100px;
            height: 100px;
            display: table-cell;
            float: none; } }
        .search-results__pageContent ul li .search_results--img img {
          max-width: 100%;
          max-height: 100%;
          width: 100%;
          height: auto;
          vertical-align: middle;
          position: relative;
          top: 50%;
          transform: translateY(-50%); }
      .search-results__pageContent ul li .search_results--contentWrapper {
        display: block;
        float: left;
        width: 65%;
        padding: 0;
        vertical-align: middle; }
        @media only screen and (min-width: 450px) {
          .search-results__pageContent ul li .search_results--contentWrapper {
            width: 70%; } }
        @media only screen and (min-width: 600px) {
          .search-results__pageContent ul li .search_results--contentWrapper {
            width: 75%; } }
        @media only screen and (min-width: 768px) {
          .search-results__pageContent ul li .search_results--contentWrapper {
            display: table-cell;
            float: none;
            width: 80%; } }
        .search-results__pageContent ul li .search_results--contentWrapper .search_results--link {
          width: 100%;
          display: block;
          float: left;
          vertical-align: middle;
          font-size: 0.75rem;
          font-weight: 700;
          padding: 0 0.5rem; }
          @media only screen and (min-width: 768px) {
            .search-results__pageContent ul li .search_results--contentWrapper .search_results--link {
              width: 95%;
              display: table-cell;
              float: none;
              font-size: 0.875rem; } }
          @media only screen and (min-width: 1050px) {
            .search-results__pageContent ul li .search_results--contentWrapper .search_results--link {
              font-size: 1rem; } }
          .light-mode .search-results__pageContent ul li .search_results--contentWrapper .search_results--link a {
            color: #191b2b; }
          .dark-mode .search-results__pageContent ul li .search_results--contentWrapper .search_results--link a {
            color: #EEEEF3; }
          .light-mode .search-results__pageContent ul li .search_results--contentWrapper .search_results--link a:hover {
            color: #1e5b86; }
          .dark-mode .search-results__pageContent ul li .search_results--contentWrapper .search_results--link a:hover {
            color: #daedff; }
        .search-results__pageContent ul li .search_results--contentWrapper .search_results--price {
          width: 100%;
          display: block;
          float: left;
          vertical-align: middle;
          text-align: left;
          padding: 0.5rem;
          font-size: 0.75rem;
          font-weight: 700; }
          @media only screen and (min-width: 768px) {
            .search-results__pageContent ul li .search_results--contentWrapper .search_results--price {
              width: auto;
              display: table-cell;
              float: none;
              text-align: right;
              font-size: 0.875rem;
              padding: 0 0.5rem; } }
          .light-mode .search-results__pageContent ul li .search_results--contentWrapper .search_results--price a {
            color: #191b2b; }
          .dark-mode .search-results__pageContent ul li .search_results--contentWrapper .search_results--price a {
            color: #EEEEF3; }
          .light-mode .search-results__pageContent ul li .search_results--contentWrapper .search_results--price a:hover {
            color: #1e5b86; }
          .dark-mode .search-results__pageContent ul li .search_results--contentWrapper .search_results--price a:hover {
            color: #daedff; }
      .search-results__pageContent ul li .search_results--button {
        width: 60px;
        display: block;
        float: right;
        text-align: right;
        vertical-align: middle;
        padding-left: 0.5rem; }
        @media only screen and (min-width: 600px) {
          .search-results__pageContent ul li .search_results--button {
            width: 10%; } }
        @media only screen and (min-width: 768px) {
          .search-results__pageContent ul li .search_results--button {
            display: table-cell;
            width: auto;
            float: none;
            text-align: right; } }
@media only screen and (max-width: 1049px) {
  .stickyNavPadding:before {
    content: "";
    display: block;
    height: 76px;
    /* fixed header height*/
    margin: -76px 0 0;
    /* negative fixed header height */ } }

.light-mode .wrapper__pageTitle {
  background-color: #545578;
  color: #ffffff; }

.dark-mode .wrapper__pageTitle {
  background-color: #3D3D54;
  color: #EEEEF3; }

.wrapper__pageTitle > section {
  padding: 1rem 0; }
  @media only screen and (min-width: 1050px) {
    .wrapper__pageTitle > section {
      padding: 2rem 0; } }
.wrapper__pageTitle.wrapper__pageTitle--rating .product--rating {
  margin-top: 0.5rem; }
  .wrapper__pageTitle.wrapper__pageTitle--rating .product--rating li svg {
    width: 16px;
    height: 16px; }
  .light-mode .wrapper__pageTitle.wrapper__pageTitle--rating .product--rating li svg.shape-star-empty {
    fill: rgba(157, 167, 212, 0.5); }
  .dark-mode .wrapper__pageTitle.wrapper__pageTitle--rating .product--rating li svg.shape-star-empty {
    fill: rgba(103, 111, 153, 0.5); }

.wrapper__pageTitle.wrapper__pageTitle--tabs > section {
  padding-bottom: 0; }

.wrapper__pageTitle.wrapper__pageTitle--tabs .pageTitle {
  padding-bottom: 1.5rem; }

.wrapper__pageTitle.wrapper__pageTitle--tabs .user {
  margin-bottom: 1.5rem; }

.wrapper__pageTitle .pageTitle {
  font-size: 1.25rem; }
  .light-mode .wrapper__pageTitle .pageTitle {
    color: #ffffff; }
  .dark-mode .wrapper__pageTitle .pageTitle {
    color: #EEEEF3; }
  @media only screen and (min-width: 768px) {
    .wrapper__pageTitle .pageTitle {
      font-size: 1.5rem; } }
  @media only screen and (min-width: 1050px) {
    .wrapper__pageTitle .pageTitle {
      font-size: 2rem; } }
  @media only screen and (min-width: 1536px) {
    .wrapper__pageTitle .pageTitle {
      font-size: 3rem; } }
.wrapper__pageTitle .pageTitle--categoryTitle a {
  text-decoration: underline; }
  .light-mode .wrapper__pageTitle .pageTitle--categoryTitle a {
    color: #97b0f3; }
  .dark-mode .wrapper__pageTitle .pageTitle--categoryTitle a {
    color: #7f98e8; }
  .wrapper__pageTitle .pageTitle--categoryTitle a:hover {
    color: #ffffff; }

.wrapper__pageTitle .user {
  font-size: 0.875rem; }
  @media only screen and (min-width: 1050px) {
    .wrapper__pageTitle .user {
      font-size: 1.125rem; } }
  .wrapper__pageTitle .user a {
    font-weight: 700;
    display: inline-block;
    font-size: 0.875rem;
    margin-left: 0.5rem; }
    .light-mode .wrapper__pageTitle .user a {
      color: #c3c8ef; }
    .dark-mode .wrapper__pageTitle .user a {
      color: #aaadcd; }
    .wrapper__pageTitle .user a img {
      margin-right: 12px; }
    @media only screen and (min-width: 1050px) {
      .wrapper__pageTitle .user a {
        font-size: 1.125rem; } }
  .wrapper__pageTitle .user img {
    max-width: 36px;
    border-radius: 50% 50%;
    vertical-align: middle; }
    @media only screen and (min-width: 1050px) {
      .wrapper__pageTitle .user img {
        max-width: 48px; } }
#user-generic .wrapper__pageTitle,
#user-profile .wrapper__pageTitle,
#user-preferences .wrapper__pageTitle,
#user-comments .wrapper__pageTitle,
#user-topics .wrapper__pageTitle,
#user-saved-partlists .wrapper__pageTitle,
#user-completed-builds .wrapper__pageTitle,
#user-favorite-products .wrapper__pageTitle,
#user-inventory-products .wrapper__pageTitle,
#user-saved-partlist-edit .wrapper__pageTitle,
#messages .wrapper__pageTitle {
  text-align: center; }
  .light-mode #user-generic .wrapper__pageTitle, .light-mode #user-profile .wrapper__pageTitle, .light-mode #user-preferences .wrapper__pageTitle, .light-mode #user-comments .wrapper__pageTitle, .light-mode #user-topics .wrapper__pageTitle, .light-mode #user-saved-partlists .wrapper__pageTitle, .light-mode #user-completed-builds .wrapper__pageTitle, .light-mode #user-favorite-products .wrapper__pageTitle, .light-mode #user-inventory-products .wrapper__pageTitle, .light-mode #user-saved-partlist-edit .wrapper__pageTitle, .light-mode #messages .wrapper__pageTitle {
    color: #ffffff; }
  .dark-mode #user-generic .wrapper__pageTitle, .dark-mode #user-profile .wrapper__pageTitle, .dark-mode #user-preferences .wrapper__pageTitle, .dark-mode #user-comments .wrapper__pageTitle, .dark-mode #user-topics .wrapper__pageTitle, .dark-mode #user-saved-partlists .wrapper__pageTitle, .dark-mode #user-completed-builds .wrapper__pageTitle, .dark-mode #user-favorite-products .wrapper__pageTitle, .dark-mode #user-inventory-products .wrapper__pageTitle, .dark-mode #user-saved-partlist-edit .wrapper__pageTitle, .dark-mode #messages .wrapper__pageTitle {
    color: #EEEEF3; }
  @media only screen and (min-width: 768px) {
    #user-generic .wrapper__pageTitle,
    #user-profile .wrapper__pageTitle,
    #user-preferences .wrapper__pageTitle,
    #user-comments .wrapper__pageTitle,
    #user-topics .wrapper__pageTitle,
    #user-saved-partlists .wrapper__pageTitle,
    #user-completed-builds .wrapper__pageTitle,
    #user-favorite-products .wrapper__pageTitle,
    #user-inventory-products .wrapper__pageTitle,
    #user-saved-partlist-edit .wrapper__pageTitle,
    #messages .wrapper__pageTitle {
      text-align: left; } }
.light-mode #products .wrapper__pageTitle, .light-mode #product-page .wrapper__pageTitle, .light-mode #product-compare .wrapper__pageTitle {
  color: #9da7d4;
  background-color: #505FA1; }

.dark-mode #products .wrapper__pageTitle, .dark-mode #product-page .wrapper__pageTitle, .dark-mode #product-compare .wrapper__pageTitle {
  color: #676f99;
  background-color: #272F5A; }

.light-mode #buildguide-index .wrapper__pageTitle, .light-mode #buildguide-view .wrapper__pageTitle {
  color: #5f492d;
  background-color: #b18c5a; }

.dark-mode #buildguide-index .wrapper__pageTitle, .dark-mode #buildguide-view .wrapper__pageTitle {
  color: #846545;
  background-color: #634629; }

#buildguide-index .wrapper__pageTitle h4,
#buildguide-view .wrapper__pageTitle h4 {
  margin-bottom: 0.5rem;
  font-size: 0.75rem; }
  @media only screen and (min-width: 768px) {
    #buildguide-index .wrapper__pageTitle h4,
    #buildguide-view .wrapper__pageTitle h4 {
      font-size: 0.875rem; } }
  @media only screen and (min-width: 1050px) {
    #buildguide-index .wrapper__pageTitle h4,
    #buildguide-view .wrapper__pageTitle h4 {
      font-size: 1rem; } }
  @media only screen and (min-width: 1536px) {
    #buildguide-index .wrapper__pageTitle h4,
    #buildguide-view .wrapper__pageTitle h4 {
      font-size: 1.125rem; } }
#buildguide-index .wrapper__pageTitle .pageTitle,
#buildguide-view .wrapper__pageTitle .pageTitle {
  line-height: 1; }

.light-mode #userbuild-index .wrapper__pageTitle, .light-mode #userbuild-view .wrapper__pageTitle, .light-mode #userbuild-edit .wrapper__pageTitle, .light-mode #userbuild-edit-description .wrapper__pageTitle, .light-mode #userbuild-edit-images .wrapper__pageTitle, .light-mode #userbuild-pick-partlist .wrapper__pageTitle, .light-mode #userbuild-edit-reviews .wrapper__pageTitle {
  color: #763410;
  background-color: #e26723; }

.dark-mode #userbuild-index .wrapper__pageTitle, .dark-mode #userbuild-view .wrapper__pageTitle, .dark-mode #userbuild-edit .wrapper__pageTitle, .dark-mode #userbuild-edit-description .wrapper__pageTitle, .dark-mode #userbuild-edit-images .wrapper__pageTitle, .dark-mode #userbuild-pick-partlist .wrapper__pageTitle, .dark-mode #userbuild-edit-reviews .wrapper__pageTitle {
  color: #c97d54;
  background-color: #5C2A0F; }

#userbuild-index .wrapper__pageTitle h4,
#userbuild-view .wrapper__pageTitle h4,
#userbuild-edit .wrapper__pageTitle h4,
#userbuild-edit-description .wrapper__pageTitle h4,
#userbuild-edit-images .wrapper__pageTitle h4,
#userbuild-pick-partlist .wrapper__pageTitle h4,
#userbuild-edit-reviews .wrapper__pageTitle h4 {
  margin-bottom: 0.5rem;
  font-size: 0.75rem; }
  @media only screen and (min-width: 768px) {
    #userbuild-index .wrapper__pageTitle h4,
    #userbuild-view .wrapper__pageTitle h4,
    #userbuild-edit .wrapper__pageTitle h4,
    #userbuild-edit-description .wrapper__pageTitle h4,
    #userbuild-edit-images .wrapper__pageTitle h4,
    #userbuild-pick-partlist .wrapper__pageTitle h4,
    #userbuild-edit-reviews .wrapper__pageTitle h4 {
      font-size: 0.875rem; } }
  @media only screen and (min-width: 1050px) {
    #userbuild-index .wrapper__pageTitle h4,
    #userbuild-view .wrapper__pageTitle h4,
    #userbuild-edit .wrapper__pageTitle h4,
    #userbuild-edit-description .wrapper__pageTitle h4,
    #userbuild-edit-images .wrapper__pageTitle h4,
    #userbuild-pick-partlist .wrapper__pageTitle h4,
    #userbuild-edit-reviews .wrapper__pageTitle h4 {
      font-size: 1rem; } }
  @media only screen and (min-width: 1536px) {
    #userbuild-index .wrapper__pageTitle h4,
    #userbuild-view .wrapper__pageTitle h4,
    #userbuild-edit .wrapper__pageTitle h4,
    #userbuild-edit-description .wrapper__pageTitle h4,
    #userbuild-edit-images .wrapper__pageTitle h4,
    #userbuild-pick-partlist .wrapper__pageTitle h4,
    #userbuild-edit-reviews .wrapper__pageTitle h4 {
      font-size: 1.125rem; } }
#userbuild-index .wrapper__pageTitle .pageTitle,
#userbuild-view .wrapper__pageTitle .pageTitle,
#userbuild-edit .wrapper__pageTitle .pageTitle,
#userbuild-edit-description .wrapper__pageTitle .pageTitle,
#userbuild-edit-images .wrapper__pageTitle .pageTitle,
#userbuild-pick-partlist .wrapper__pageTitle .pageTitle,
#userbuild-edit-reviews .wrapper__pageTitle .pageTitle {
  line-height: 1; }

#userbuild-index .wrapper__pageTitle .user,
#userbuild-view .wrapper__pageTitle .user,
#userbuild-edit .wrapper__pageTitle .user,
#userbuild-edit-description .wrapper__pageTitle .user,
#userbuild-edit-images .wrapper__pageTitle .user,
#userbuild-pick-partlist .wrapper__pageTitle .user,
#userbuild-edit-reviews .wrapper__pageTitle .user {
  margin-top: 1rem; }
  .light-mode #userbuild-index .wrapper__pageTitle .user a, .light-mode #userbuild-view .wrapper__pageTitle .user a, .light-mode #userbuild-edit .wrapper__pageTitle .user a, .light-mode #userbuild-edit-description .wrapper__pageTitle .user a, .light-mode #userbuild-edit-images .wrapper__pageTitle .user a, .light-mode #userbuild-pick-partlist .wrapper__pageTitle .user a, .light-mode #userbuild-edit-reviews .wrapper__pageTitle .user a {
    color: #ffe386; }
  .dark-mode #userbuild-index .wrapper__pageTitle .user a, .dark-mode #userbuild-view .wrapper__pageTitle .user a, .dark-mode #userbuild-edit .wrapper__pageTitle .user a, .dark-mode #userbuild-edit-description .wrapper__pageTitle .user a, .dark-mode #userbuild-edit-images .wrapper__pageTitle .user a, .dark-mode #userbuild-pick-partlist .wrapper__pageTitle .user a, .dark-mode #userbuild-edit-reviews .wrapper__pageTitle .user a {
    color: #ffd752; }

.pagination li {
  display: inline-block; }
  .pagination li a {
    display: block;
    padding: 0.5rem 1rem; }
    .pagination li a.pagination--current {
      font-weight: 700;
      color: #191b2b; }

#login, #register {
  height: 100vh; }
  .light-mode #login, .light-mode #register {
    background-color: #26293c; }
  .dark-mode #login, .dark-mode #register {
    background-color: #181827; }
  #login .wrapper, #register .wrapper {
    padding: 0; }
  #login .wrapper__pageTitle,
  #login .wrapper__pageContent, #register .wrapper__pageTitle,
  #register .wrapper__pageContent {
    background: transparent; }
  #login .card, #register .card {
    overflow: hidden;
    padding: 1.5rem;
    margin-bottom: 3rem;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    /* future proofing */
    -khtml-border-radius: 3px;
    /* for old Konqueror browsers */
    box-shadow: 0px 18px 35px 0px rgba(0, 0, 0, 0.29), 0px 6px 10px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 18px 35px 0px rgba(0, 0, 0, 0.29), 0px 6px 10px 0px rgba(0, 0, 0, 0.5); }
    .light-mode #login .card, .light-mode #register .card {
      background-color: #f4f4f3; }
    .dark-mode #login .card, .dark-mode #register .card {
      background-color: #3D3D54; }
    @media only screen and (min-width: 768px) {
      #login .card, #register .card {
        padding: 2.5rem; } }
    @media only screen and (min-width: 1050px) {
      #login .card, #register .card {
        padding: 3rem; } }
    #login .card .block, #register .card .block {
      position: relative; }
      #login .card .block:last-of-type, #register .card .block:last-of-type {
        margin-bottom: 0; }
    #login .card h1, #register .card h1 {
      color: #ffffff;
      text-align: center;
      padding-bottom: 3rem; }
    #login .card .wrapper-formField .button, #register .card .wrapper-formField .button {
      width: 100%;
      margin-top: 0; }

.search_results ul {
  margin-top: 2rem; }
  .search_results ul li {
    overflow: hidden;
    padding: 0.5rem 0;
    border-bottom-style: solid;
    border-bottom-width: 1px; }
    .light-mode .search_results ul li {
      border-color: #3a3e5b; }
    .dark-mode .search_results ul li {
      border-color: #2b2b47; }
    .search_results ul li:last-of-type {
      border-bottom: none; }
    .search_results ul li .search_results--img {
      float: left;
      background: #ffffff;
      margin-right: 1rem;
      display: block;
      width: 64px;
      height: 64px;
      padding: 4px;
      text-align: center; }
      .search_results ul li .search_results--img img {
        max-width: 100%;
        max-height: 100%;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        vertical-align: middle;
        height: auto; }
    .search_results ul li .search_results--link {
      width: 60%;
      float: left;
      display: block;
      padding-top: 0;
      font-size: 0.75rem;
      font-weight: 700; }
      @media only screen and (min-width: 768px) {
        .search_results ul li .search_results--link {
          width: 70%;
          padding-top: 0.5rem;
          font-size: 0.875rem; } }
      .search_results ul li .search_results--link .search_results--category {
        font-size: 0.75rem;
        font-weight: 700;
        text-transform: uppercase; }
        .light-mode .search_results ul li .search_results--link .search_results--category {
          color: #929292; }
        .dark-mode .search_results ul li .search_results--link .search_results--category {
          color: #717184; }
    .search_results ul li .search_results--typeahead {
      color: #ffffff;
      font-weight: 700; }
    .search_results ul li .button {
      float: right;
      margin-top: 12px; }
      @media only screen and (min-width: 768px) {
        .search_results ul li .button {
          margin-top: 14px; } }
.subTitle {
  margin-bottom: 1rem;
  position: relative;
  border-bottom-style: solid;
  border-bottom-width: 1px; }
  .light-mode .subTitle {
    border-color: #191b2b; }
  .dark-mode .subTitle {
    border-color: #717184; }
  @media only screen and (min-width: 768px) {
    .subTitle .subTitle__form {
      position: absolute;
      bottom: 0px;
      right: 0;
      width: auto; } }
  .subTitle .subTitle__form form {
    display: inline-block; }
    .subTitle .subTitle__form form select {
      border: 0; }
    .subTitle .subTitle__form form label {
      display: inline-block; }

.subTitle--button .button {
  padding: .125rem .375rem;
  font-size: .75rem !important; }

#partlist_render .partlist__title {
  margin-bottom: 1rem; }
  #partlist_render .partlist__title h2 {
    line-height: 1.25; }
  #partlist_render .partlist__title .partlist__title--actions {
    display: block;
    margin: 1rem 0; }

.subTitle form label svg {
  position: relative;
  top: 4px; }

@media only screen and (max-width: 1049px) {
  #userbuild-index .subTitle__form form:first-of-type,
  #userbuild-by-part .subTitle__form form:first-of-type {
    display: none; } }

@media only screen and (max-width: 1049px) {
  #user-favorite-products .module-subTitle,
  #user-inventory-products .module-subTitle {
    display: none; } }

.table, table {
  font-variant-numeric: tabular-nums;
  -moz-font-feature-settings: "tnum" 1;
  -moz-font-feature-settings: "tnum=1";
  -webkit-font-feature-settings: 'tnum' 1;
  font-feature-settings: 'tnum' 1;
  border-collapse: collapse;
  border-spacing: 0;
  max-width: 100%;
  width: 100%; }
  .table th.priority--0,
  .table td.priority--0,
  .table th.priority--1,
  .table td.priority--1,
  .table th.priority--2,
  .table td.priority--2,
  .table th.priority--3,
  .table td.priority--3,
  .table th.priority--4,
  .table td.priority--4,
  .table th.priority--5,
  .table td.priority--5,
  .table th.priority--6,
  .table td.priority--6,
  .table th.priority--7,
  .table td.priority--7,
  .table th.priority--8,
  .table td.priority--8, table th.priority--0,
  table td.priority--0,
  table th.priority--1,
  table td.priority--1,
  table th.priority--2,
  table td.priority--2,
  table th.priority--3,
  table td.priority--3,
  table th.priority--4,
  table td.priority--4,
  table th.priority--5,
  table td.priority--5,
  table th.priority--6,
  table td.priority--6,
  table th.priority--7,
  table td.priority--7,
  table th.priority--8,
  table td.priority--8 {
    display: none; }
  @media (min-width: 500px) {
    .table td.priority--0, .table th.priority--0, table td.priority--0, table th.priority--0 {
      display: table-cell; } }
  @media (min-width: 650px) {
    .table td.priority--1, .table th.priority--1, table td.priority--1, table th.priority--1 {
      display: table-cell; } }
  @media (min-width: 1152px) {
    .table td.priority--2, .table th.priority--2, table td.priority--2, table th.priority--2 {
      display: table-cell; } }
  @media (min-width: 1536px) {
    .table td.priority--3, .table th.priority--3, table td.priority--3, table th.priority--3 {
      display: table-cell; } }
  @media (min-width: 1920px) {
    .table td.priority--4, .table th.priority--4, table td.priority--4, table th.priority--4 {
      display: table-cell; } }
  @media (min-width: 2304px) {
    .table td.priority--5, .table th.priority--5, table td.priority--5, table th.priority--5 {
      display: table-cell; } }
  @media (min-width: 2688px) {
    .table td.priority--6, .table th.priority--6, table td.priority--6, table th.priority--6 {
      display: table-cell; } }
  @media (min-width: 3072px) {
    .table td.priority--7, .table th.priority--7, table td.priority--7, table th.priority--7 {
      display: table-cell; } }
  @media (min-width: 3456px) {
    .table td.priority--8, .table th.priority--8, table td.priority--8, table th.priority--8 {
      display: table-cell; } }
  @media (min-width: 400px) and (max-width: 600px), (min-width: 1023px) {
    .table td.specialClass, .table .th.specialClass, table td.specialClass, table .th.specialClass {
      display: table-cell; } }
  .table .tr, .table tr, table .tr, table tr {
    border-top-style: solid;
    border-top-width: 1px; }
    .light-mode .table .tr, .light-mode .table tr, .light-mode table .tr, .light-mode table tr {
      border-color: #dbdbdb; }
    .dark-mode .table .tr, .dark-mode .table tr, .dark-mode table .tr, .dark-mode table tr {
      border-color: #37374d; }
    .table .tr:first-of-type, .table tr:first-of-type, table .tr:first-of-type, table tr:first-of-type {
      border-top: none; }
    .table .tr.tr--noBorder, .table tr.tr--noBorder, table .tr.tr--noBorder, table tr.tr--noBorder {
      border: none; }
    .table .tr .td, .table .tr td, .table tr .td, .table tr td, table .tr .td, table .tr td, table tr .td, table tr td {
      vertical-align: middle; }
      .table .tr .td.td--nowrap, .table .tr td.td--nowrap, .table tr .td.td--nowrap, .table tr td.td--nowrap, table .tr .td.td--nowrap, table .tr td.td--nowrap, table tr .td.td--nowrap, table tr td.td--nowrap {
        white-space: nowrap; }
      .table .tr .td.td--empty:after, .table .tr td.td--empty:after, .table tr .td.td--empty:after, .table tr td.td--empty:after, table .tr .td.td--empty:after, table .tr td.td--empty:after, table tr .td.td--empty:after, table tr td.td--empty:after {
        content: "";
        display: block;
        width: 18px;
        height: 2px; }
        .light-mode .table .tr .td.td--empty:after, .light-mode .table .tr td.td--empty:after, .light-mode .table tr .td.td--empty:after, .light-mode .table tr td.td--empty:after, .light-mode table .tr .td.td--empty:after, .light-mode table .tr td.td--empty:after, .light-mode table tr .td.td--empty:after, .light-mode table tr td.td--empty:after {
          background-color: rgba(25, 27, 43, 0.1); }
        .dark-mode .table .tr .td.td--empty:after, .dark-mode .table .tr td.td--empty:after, .dark-mode .table tr .td.td--empty:after, .dark-mode .table tr td.td--empty:after, .dark-mode table .tr .td.td--empty:after, .dark-mode table .tr td.td--empty:after, .dark-mode table tr .td.td--empty:after, .dark-mode table tr td.td--empty:after {
          background-color: rgba(238, 238, 243, 0.1); }
        @media (max-width: 1049px) {
          .table .tr .td.td--empty:after, .table .tr td.td--empty:after, .table tr .td.td--empty:after, .table tr td.td--empty:after, table .tr .td.td--empty:after, table .tr td.td--empty:after, table tr .td.td--empty:after, table tr td.td--empty:after {
            margin: 8px 0; } }
      .table .tr .td.td__remove, .table .tr td.td__remove, .table tr .td.td__remove, .table tr td.td__remove, table .tr .td.td__remove, table .tr td.td__remove, table tr .td.td__remove, table tr td.td__remove {
        text-align: right;
        line-height: 0; }
        .table .tr .td.td__remove svg, .table .tr td.td__remove svg, .table tr .td.td__remove svg, .table tr td.td__remove svg, table .tr .td.td__remove svg, table .tr td.td__remove svg, table tr .td.td__remove svg, table tr td.td__remove svg {
          transition: fill 0.45s cubic-bezier(0.165, 0.84, 0.44, 1); }
          .light-mode .table .tr .td.td__remove svg, .light-mode .table .tr td.td__remove svg, .light-mode .table tr .td.td__remove svg, .light-mode .table tr td.td__remove svg, .light-mode table .tr .td.td__remove svg, .light-mode table .tr td.td__remove svg, .light-mode table tr .td.td__remove svg, .light-mode table tr td.td__remove svg {
            fill: #929292; }
          .dark-mode .table .tr .td.td__remove svg, .dark-mode .table .tr td.td__remove svg, .dark-mode .table tr .td.td__remove svg, .dark-mode .table tr td.td__remove svg, .dark-mode table .tr .td.td__remove svg, .dark-mode table .tr td.td__remove svg, .dark-mode table tr .td.td__remove svg, .dark-mode table tr td.td__remove svg {
            fill: #717184; }
          .table .tr .td.td__remove svg:hover, .table .tr td.td__remove svg:hover, .table tr .td.td__remove svg:hover, .table tr td.td__remove svg:hover, table .tr .td.td__remove svg:hover, table .tr td.td__remove svg:hover, table tr .td.td__remove svg:hover, table tr td.td__remove svg:hover {
            transition: fill 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
            .light-mode .table .tr .td.td__remove svg:hover, .light-mode .table .tr td.td__remove svg:hover, .light-mode .table tr .td.td__remove svg:hover, .light-mode .table tr td.td__remove svg:hover, .light-mode table .tr .td.td__remove svg:hover, .light-mode table .tr td.td__remove svg:hover, .light-mode table tr .td.td__remove svg:hover, .light-mode table tr td.td__remove svg:hover {
              fill: #d91e18; }
            .dark-mode .table .tr .td.td__remove svg:hover, .dark-mode .table .tr td.td__remove svg:hover, .dark-mode .table tr .td.td__remove svg:hover, .dark-mode .table tr td.td__remove svg:hover, .dark-mode table .tr .td.td__remove svg:hover, .dark-mode table .tr td.td__remove svg:hover, .dark-mode table tr .td.td__remove svg:hover, .dark-mode table tr td.td__remove svg:hover {
              fill: #ff4560; }
      .table .tr .td:last-child, .table .tr td:last-child, .table tr .td:last-child, .table tr td:last-child, table .tr .td:last-child, table .tr td:last-child, table tr .td:last-child, table tr td:last-child {
        padding-right: 0; }
      .table .tr .td img, .table .tr td img, .table tr .td img, .table tr td img, table .tr .td img, table .tr td img, table tr .td img, table tr td img {
        vertical-align: middle; }
  .table .th, .table th, table .th, table th {
    padding: 0.5rem 0.5rem 0.5rem 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-size: 0.6875rem;
    line-height: 1;
    font-weight: normal;
    text-align: left;
    vertical-align: bottom; }
    .light-mode .table .th, .light-mode .table th, .light-mode table .th, .light-mode table th {
      border-color: #dbdbdb;
      color: #26293c; }
    .dark-mode .table .th, .dark-mode .table th, .dark-mode table .th, .dark-mode table th {
      border-color: #37374d;
      color: #B8B8C8; }
    .table .th .tablesorter-header-inner, .table th .tablesorter-header-inner, table .th .tablesorter-header-inner, table th .tablesorter-header-inner {
      display: flex;
      align-items: flex-end; }
    .table .th p, .table th p, table .th p, table th p {
      display: inline-block; }
    .table .th span, .table th span, table .th span, table th span {
      align-self: flex-end;
      margin-right: 2px; }
    .table .th:last-child, .table th:last-child, table .th:last-child, table th:last-child {
      padding-right: 0; }
  .table .td, .table td, table .td, table td {
    padding: 0.5rem 1.5rem 0.5rem 0;
    vertical-align: middle; }
    .table .td:last-child, .table td:last-child, table .td:last-child, table td:last-child {
      padding-right: 0; }
  .table .thead .tr, .table .thead tr, .table thead .tr, .table thead tr, table .thead .tr, table .thead tr, table thead .tr, table thead tr {
    border-top: 0; }

.partlist--mini tr {
  border: none; }
  .partlist--mini tr:first-of-type .td__component {
    border: none; }
  .partlist--mini tr.tr__total .td__label, .partlist--mini tr.tr__total .td__price {
    font-weight: 700; }
  .partlist--mini tr.tr__total--grandtotal .td__label {
    font-weight: 700;
    text-transform: uppercase; }

.partlist--mini td {
  padding: 0 0 0.5rem;
  height: auto;
  margin-bottom: 0;
  font-size: 0.75rem;
  vertical-align: top; }
  .light-mode .partlist--mini td {
    color: #191b2b; }
  .dark-mode .partlist--mini td {
    color: #EEEEF3; }
  .partlist--mini td:last-of-type {
    border-bottom: 0; }
  .partlist--mini td h4 {
    font-size: 0.6875rem;
    font-weight: 500; }
    .light-mode .partlist--mini td h4 {
      color: #929292; }
    .dark-mode .partlist--mini td h4 {
      color: #717184; }
  .partlist--mini td.td__component {
    border-top-style: solid;
    border-top-width: 1px;
    padding-bottom: calc(0.5rem / 2);
    padding-top: 0.5rem; }
    .light-mode .partlist--mini td.td__component {
      border-color: #dbdbdb; }
    .dark-mode .partlist--mini td.td__component {
      border-color: #37374d; }
  .partlist--mini td.td__image {
    padding-right: 0.5rem; }
    .partlist--mini td.td__image a {
      display: block;
      height: 36px;
      width: 36px;
      text-align: center;
      background-color: #ffffff; }
      .partlist--mini td.td__image a img {
        max-width: 100%;
        max-height: 100%; }
  .partlist--mini td.td__name {
    line-height: 1.25; }
    .partlist--mini td.td__name a {
      display: block;
      font-weight: 700;
      color: #191b2b; }
      .light-mode .partlist--mini td.td__name a {
        color: #191b2b; }
      .dark-mode .partlist--mini td.td__name a {
        color: #EEEEF3; }
      .light-mode .partlist--mini td.td__name a:hover {
        color: #1e5b86; }
      .dark-mode .partlist--mini td.td__name a:hover {
        color: #daedff; }
    .partlist--mini td.td__name .td__price {
      margin-top: 0.25rem; }
    .partlist--mini td.td__name p {
      font-size: 0.75rem; }
    .partlist--mini td.td__name .product--rating li svg {
      width: 10px;
      height: 10px; }
  .partlist--mini td.td__price {
    padding-bottom: 0.5rem;
    text-align: right; }

.partlist--totals {
  border-top: 1px solid #a1a1a1;
  margin-top: 1rem; }
  .partlist--totals td {
    padding: 0.5rem 0 0 0; }

.partlist--log tr {
  border-top-style: solid;
  border-top-width: 1px; }
  .light-mode .partlist--log tr {
    border-color: #dbdbdb; }
  .dark-mode .partlist--log tr {
    border-color: #37374d; }

.partlist--log td {
  padding: 0.5rem 0; }
  .partlist--log td.td__price {
    padding-top: 23px; }

@media only screen and (max-width: 1049px) {
  #buildguide-view .partlist .tr__product {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr !important;
    grid-template-columns: repeat(7, 1fr) !important; } }

@media only screen and (max-width: 767px) {
  #buildguide-view .partlist .tr__product {
    -ms-grid-columns: 1fr 1fr 1fr 1fr !important;
    grid-template-columns: repeat(4, 1fr) !important; } }

#partlist .partlist__metrics, #user-saved-partlists .partlist__metrics, #user-completed-builds .partlist__metrics, #user-favorite-products .partlist__metrics, #user-inventory-products .partlist__metrics, #userbuild-pick-partlist .partlist__metrics, #buildguide-view .partlist__metrics {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  margin-bottom: 2rem;
  color: #ffffff;
  border-style: solid;
  border-width: 1px;
  border-top: 0;
  font-size: 0.875rem; }
  .light-mode #partlist .partlist__metrics, .light-mode #user-saved-partlists .partlist__metrics, .light-mode #user-completed-builds .partlist__metrics, .light-mode #user-favorite-products .partlist__metrics, .light-mode #user-inventory-products .partlist__metrics, .light-mode #userbuild-pick-partlist .partlist__metrics, .light-mode #buildguide-view .partlist__metrics {
    border-color: #191b2b; }
  .dark-mode #partlist .partlist__metrics, .dark-mode #user-saved-partlists .partlist__metrics, .dark-mode #user-completed-builds .partlist__metrics, .dark-mode #user-favorite-products .partlist__metrics, .dark-mode #user-inventory-products .partlist__metrics, .dark-mode #userbuild-pick-partlist .partlist__metrics, .dark-mode #buildguide-view .partlist__metrics {
    border-color: #09090F; }
  @media only screen and (min-width: 1050px) {
    #partlist .partlist__metrics, #user-saved-partlists .partlist__metrics, #user-completed-builds .partlist__metrics, #user-favorite-products .partlist__metrics, #user-inventory-products .partlist__metrics, #userbuild-pick-partlist .partlist__metrics, #buildguide-view .partlist__metrics {
      -ms-grid-columns: 1fr auto;
      grid-template-columns: 1fr auto;
      border-bottom-style: solid;
      border-bottom-width: 1px; }
      .light-mode #partlist .partlist__metrics, .light-mode #user-saved-partlists .partlist__metrics, .light-mode #user-completed-builds .partlist__metrics, .light-mode #user-favorite-products .partlist__metrics, .light-mode #user-inventory-products .partlist__metrics, .light-mode #userbuild-pick-partlist .partlist__metrics, .light-mode #buildguide-view .partlist__metrics {
        border-color: #191b2b; }
      .dark-mode #partlist .partlist__metrics, .dark-mode #user-saved-partlists .partlist__metrics, .dark-mode #user-completed-builds .partlist__metrics, .dark-mode #user-favorite-products .partlist__metrics, .dark-mode #user-inventory-products .partlist__metrics, .dark-mode #userbuild-pick-partlist .partlist__metrics, .dark-mode #buildguide-view .partlist__metrics {
        border-color: #09090F; } }
  #partlist .partlist__metrics .partlist__compatibility, #user-saved-partlists .partlist__metrics .partlist__compatibility, #user-completed-builds .partlist__metrics .partlist__compatibility, #user-favorite-products .partlist__metrics .partlist__compatibility, #user-inventory-products .partlist__metrics .partlist__compatibility, #userbuild-pick-partlist .partlist__metrics .partlist__compatibility, #buildguide-view .partlist__metrics .partlist__compatibility {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    -ms-grid-row: 1; }
    .light-mode #partlist .partlist__metrics .partlist__compatibility, .light-mode #user-saved-partlists .partlist__metrics .partlist__compatibility, .light-mode #user-completed-builds .partlist__metrics .partlist__compatibility, .light-mode #user-favorite-products .partlist__metrics .partlist__compatibility, .light-mode #user-inventory-products .partlist__metrics .partlist__compatibility, .light-mode #userbuild-pick-partlist .partlist__metrics .partlist__compatibility, .light-mode #buildguide-view .partlist__metrics .partlist__compatibility {
      border-color: #191b2b; }
    .dark-mode #partlist .partlist__metrics .partlist__compatibility, .dark-mode #user-saved-partlists .partlist__metrics .partlist__compatibility, .dark-mode #user-completed-builds .partlist__metrics .partlist__compatibility, .dark-mode #user-favorite-products .partlist__metrics .partlist__compatibility, .dark-mode #user-inventory-products .partlist__metrics .partlist__compatibility, .dark-mode #userbuild-pick-partlist .partlist__metrics .partlist__compatibility, .dark-mode #buildguide-view .partlist__metrics .partlist__compatibility {
      border-color: #09090F; }
    @media only screen and (min-width: 1050px) {
      #partlist .partlist__metrics .partlist__compatibility, #user-saved-partlists .partlist__metrics .partlist__compatibility, #user-completed-builds .partlist__metrics .partlist__compatibility, #user-favorite-products .partlist__metrics .partlist__compatibility, #user-inventory-products .partlist__metrics .partlist__compatibility, #userbuild-pick-partlist .partlist__metrics .partlist__compatibility, #buildguide-view .partlist__metrics .partlist__compatibility {
        -ms-grid-column: 1;
        border-bottom: none;
        border-right-style: solid;
        border-right-width: 1px; }
        .light-mode #partlist .partlist__metrics .partlist__compatibility, .light-mode #user-saved-partlists .partlist__metrics .partlist__compatibility, .light-mode #user-completed-builds .partlist__metrics .partlist__compatibility, .light-mode #user-favorite-products .partlist__metrics .partlist__compatibility, .light-mode #user-inventory-products .partlist__metrics .partlist__compatibility, .light-mode #userbuild-pick-partlist .partlist__metrics .partlist__compatibility, .light-mode #buildguide-view .partlist__metrics .partlist__compatibility {
          border-color: #191b2b; }
        .dark-mode #partlist .partlist__metrics .partlist__compatibility, .dark-mode #user-saved-partlists .partlist__metrics .partlist__compatibility, .dark-mode #user-completed-builds .partlist__metrics .partlist__compatibility, .dark-mode #user-favorite-products .partlist__metrics .partlist__compatibility, .dark-mode #user-inventory-products .partlist__metrics .partlist__compatibility, .dark-mode #userbuild-pick-partlist .partlist__metrics .partlist__compatibility, .dark-mode #buildguide-view .partlist__metrics .partlist__compatibility {
          border-color: #09090F; } }
    #partlist .partlist__metrics .partlist__compatibility p, #user-saved-partlists .partlist__metrics .partlist__compatibility p, #user-completed-builds .partlist__metrics .partlist__compatibility p, #user-favorite-products .partlist__metrics .partlist__compatibility p, #user-inventory-products .partlist__metrics .partlist__compatibility p, #userbuild-pick-partlist .partlist__metrics .partlist__compatibility p, #buildguide-view .partlist__metrics .partlist__compatibility p {
      padding: 0.5rem 1rem;
      color: rgba(255, 255, 255, 0.75);
      position: relative; }
      #partlist .partlist__metrics .partlist__compatibility p span, #user-saved-partlists .partlist__metrics .partlist__compatibility p span, #user-completed-builds .partlist__metrics .partlist__compatibility p span, #user-favorite-products .partlist__metrics .partlist__compatibility p span, #user-inventory-products .partlist__metrics .partlist__compatibility p span, #userbuild-pick-partlist .partlist__metrics .partlist__compatibility p span, #buildguide-view .partlist__metrics .partlist__compatibility p span {
        color: #ffffff;
        font-weight: 700; }
      #partlist .partlist__metrics .partlist__compatibility p svg, #user-saved-partlists .partlist__metrics .partlist__compatibility p svg, #user-completed-builds .partlist__metrics .partlist__compatibility p svg, #user-favorite-products .partlist__metrics .partlist__compatibility p svg, #user-inventory-products .partlist__metrics .partlist__compatibility p svg, #userbuild-pick-partlist .partlist__metrics .partlist__compatibility p svg, #buildguide-view .partlist__metrics .partlist__compatibility p svg {
        fill: #ffffff;
        margin-right: 0.5rem;
        position: relative;
        top: 3px; }
      #partlist .partlist__metrics .partlist__compatibility p a, #user-saved-partlists .partlist__metrics .partlist__compatibility p a, #user-completed-builds .partlist__metrics .partlist__compatibility p a, #user-favorite-products .partlist__metrics .partlist__compatibility p a, #user-inventory-products .partlist__metrics .partlist__compatibility p a, #userbuild-pick-partlist .partlist__metrics .partlist__compatibility p a, #buildguide-view .partlist__metrics .partlist__compatibility p a {
        color: #ffffff;
        text-decoration: underline; }
  #partlist .partlist__metrics .partlist__compatibility--noIssues, #user-saved-partlists .partlist__metrics .partlist__compatibility--noIssues, #user-completed-builds .partlist__metrics .partlist__compatibility--noIssues, #user-favorite-products .partlist__metrics .partlist__compatibility--noIssues, #user-inventory-products .partlist__metrics .partlist__compatibility--noIssues, #userbuild-pick-partlist .partlist__metrics .partlist__compatibility--noIssues, #buildguide-view .partlist__metrics .partlist__compatibility--noIssues {
    background-color: #00b16a; }
  #partlist .partlist__metrics .partlist__compatibility--notes, #user-saved-partlists .partlist__metrics .partlist__compatibility--notes, #user-completed-builds .partlist__metrics .partlist__compatibility--notes, #user-favorite-products .partlist__metrics .partlist__compatibility--notes, #user-inventory-products .partlist__metrics .partlist__compatibility--notes, #userbuild-pick-partlist .partlist__metrics .partlist__compatibility--notes, #buildguide-view .partlist__metrics .partlist__compatibility--notes {
    background-color: #00b16a; }
  #partlist .partlist__metrics .partlist__compatibility--warning, #user-saved-partlists .partlist__metrics .partlist__compatibility--warning, #user-completed-builds .partlist__metrics .partlist__compatibility--warning, #user-favorite-products .partlist__metrics .partlist__compatibility--warning, #user-inventory-products .partlist__metrics .partlist__compatibility--warning, #userbuild-pick-partlist .partlist__metrics .partlist__compatibility--warning, #buildguide-view .partlist__metrics .partlist__compatibility--warning {
    background-color: #d91e18; }
  #partlist .partlist__metrics .partlist__keyMetric, #user-saved-partlists .partlist__metrics .partlist__keyMetric, #user-completed-builds .partlist__metrics .partlist__keyMetric, #user-favorite-products .partlist__metrics .partlist__keyMetric, #user-inventory-products .partlist__metrics .partlist__keyMetric, #userbuild-pick-partlist .partlist__metrics .partlist__keyMetric, #buildguide-view .partlist__metrics .partlist__keyMetric {
    text-align: left;
    background-color: #2c85c5;
    -ms-grid-row: 2; }
    @media only screen and (min-width: 768px) {
      #partlist .partlist__metrics .partlist__keyMetric, #user-saved-partlists .partlist__metrics .partlist__keyMetric, #user-completed-builds .partlist__metrics .partlist__keyMetric, #user-favorite-products .partlist__metrics .partlist__keyMetric, #user-inventory-products .partlist__metrics .partlist__keyMetric, #userbuild-pick-partlist .partlist__metrics .partlist__keyMetric, #buildguide-view .partlist__metrics .partlist__keyMetric {
        text-align: right; } }
    @media only screen and (min-width: 1050px) {
      #partlist .partlist__metrics .partlist__keyMetric, #user-saved-partlists .partlist__metrics .partlist__keyMetric, #user-completed-builds .partlist__metrics .partlist__keyMetric, #user-favorite-products .partlist__metrics .partlist__keyMetric, #user-inventory-products .partlist__metrics .partlist__keyMetric, #userbuild-pick-partlist .partlist__metrics .partlist__keyMetric, #buildguide-view .partlist__metrics .partlist__keyMetric {
        -ms-grid-row: 1;
        -ms-grid-column: 2; } }
    #partlist .partlist__metrics .partlist__keyMetric a, #user-saved-partlists .partlist__metrics .partlist__keyMetric a, #user-completed-builds .partlist__metrics .partlist__keyMetric a, #user-favorite-products .partlist__metrics .partlist__keyMetric a, #user-inventory-products .partlist__metrics .partlist__keyMetric a, #userbuild-pick-partlist .partlist__metrics .partlist__keyMetric a, #buildguide-view .partlist__metrics .partlist__keyMetric a {
      display: block;
      font-weight: 700;
      padding: 0.5rem 1rem;
      color: #ffffff; }
    #partlist .partlist__metrics .partlist__keyMetric svg, #user-saved-partlists .partlist__metrics .partlist__keyMetric svg, #user-completed-builds .partlist__metrics .partlist__keyMetric svg, #user-favorite-products .partlist__metrics .partlist__keyMetric svg, #user-inventory-products .partlist__metrics .partlist__keyMetric svg, #userbuild-pick-partlist .partlist__metrics .partlist__keyMetric svg, #buildguide-view .partlist__metrics .partlist__keyMetric svg {
      position: relative;
      margin-right: 0.5rem;
      top: 3px;
      fill: #ffffff; }

#partlist .partlist table thead th.th__price, #user-saved-partlists .partlist table thead th.th__price, #user-completed-builds .partlist table thead th.th__price, #user-favorite-products .partlist table thead th.th__price, #user-inventory-products .partlist table thead th.th__price, #userbuild-pick-partlist .partlist table thead th.th__price, #buildguide-view .partlist table thead th.th__price {
  padding-right: 1rem; }

#partlist .partlist table thead th.th__settings, #user-saved-partlists .partlist table thead th.th__settings, #user-completed-builds .partlist table thead th.th__settings, #user-favorite-products .partlist table thead th.th__settings, #user-inventory-products .partlist table thead th.th__settings, #userbuild-pick-partlist .partlist table thead th.th__settings, #buildguide-view .partlist table thead th.th__settings {
  padding-right: 1rem; }

#partlist .partlist table thead th.th__buy, #user-saved-partlists .partlist table thead th.th__buy, #user-completed-builds .partlist table thead th.th__buy, #user-favorite-products .partlist table thead th.th__buy, #user-inventory-products .partlist table thead th.th__buy, #userbuild-pick-partlist .partlist table thead th.th__buy, #buildguide-view .partlist table thead th.th__buy {
  padding-right: 0.5rem; }

#partlist .partlist table thead th.th__settings, #partlist .partlist table thead th.th__buy, #partlist .partlist table thead th.th__remove, #user-saved-partlists .partlist table thead th.th__settings, #user-saved-partlists .partlist table thead th.th__buy, #user-saved-partlists .partlist table thead th.th__remove, #user-completed-builds .partlist table thead th.th__settings, #user-completed-builds .partlist table thead th.th__buy, #user-completed-builds .partlist table thead th.th__remove, #user-favorite-products .partlist table thead th.th__settings, #user-favorite-products .partlist table thead th.th__buy, #user-favorite-products .partlist table thead th.th__remove, #user-inventory-products .partlist table thead th.th__settings, #user-inventory-products .partlist table thead th.th__buy, #user-inventory-products .partlist table thead th.th__remove, #userbuild-pick-partlist .partlist table thead th.th__settings, #userbuild-pick-partlist .partlist table thead th.th__buy, #userbuild-pick-partlist .partlist table thead th.th__remove, #buildguide-view .partlist table thead th.th__settings, #buildguide-view .partlist table thead th.th__buy, #buildguide-view .partlist table thead th.th__remove {
  width: 1%;
  white-space: nowrap; }

@media only screen and (max-width: 1049px) {
  #partlist .partlist table thead, #user-saved-partlists .partlist table thead, #user-completed-builds .partlist table thead, #user-favorite-products .partlist table thead, #user-inventory-products .partlist table thead, #userbuild-pick-partlist .partlist table thead, #buildguide-view .partlist table thead {
    display: none; } }

@media only screen and (max-width: 1049px) {
  #partlist .partlist table tbody tr.tr__product, #user-saved-partlists .partlist table tbody tr.tr__product, #user-completed-builds .partlist table tbody tr.tr__product, #user-favorite-products .partlist table tbody tr.tr__product, #user-inventory-products .partlist table tbody tr.tr__product, #userbuild-pick-partlist .partlist table tbody tr.tr__product, #buildguide-view .partlist table tbody tr.tr__product {
    padding: 1rem 0;
    border-top: 0; } }

#partlist .partlist table tbody tr.tr__product--last, #user-saved-partlists .partlist table tbody tr.tr__product--last, #user-completed-builds .partlist table tbody tr.tr__product--last, #user-favorite-products .partlist table tbody tr.tr__product--last, #user-inventory-products .partlist table tbody tr.tr__product--last, #userbuild-pick-partlist .partlist table tbody tr.tr__product--last, #buildguide-view .partlist table tbody tr.tr__product--last {
  border-bottom-style: solid;
  border-bottom-width: 1px; }
  .light-mode #partlist .partlist table tbody tr.tr__product--last, .light-mode #user-saved-partlists .partlist table tbody tr.tr__product--last, .light-mode #user-completed-builds .partlist table tbody tr.tr__product--last, .light-mode #user-favorite-products .partlist table tbody tr.tr__product--last, .light-mode #user-inventory-products .partlist table tbody tr.tr__product--last, .light-mode #userbuild-pick-partlist .partlist table tbody tr.tr__product--last, .light-mode #buildguide-view .partlist table tbody tr.tr__product--last {
    border-color: #dbdbdb; }
  .dark-mode #partlist .partlist table tbody tr.tr__product--last, .dark-mode #user-saved-partlists .partlist table tbody tr.tr__product--last, .dark-mode #user-completed-builds .partlist table tbody tr.tr__product--last, .dark-mode #user-favorite-products .partlist table tbody tr.tr__product--last, .dark-mode #user-inventory-products .partlist table tbody tr.tr__product--last, .dark-mode #userbuild-pick-partlist .partlist table tbody tr.tr__product--last, .dark-mode #buildguide-view .partlist table tbody tr.tr__product--last {
    border-color: #37374d; }
  @media only screen and (max-width: 1049px) {
    #partlist .partlist table tbody tr.tr__product--last, #user-saved-partlists .partlist table tbody tr.tr__product--last, #user-completed-builds .partlist table tbody tr.tr__product--last, #user-favorite-products .partlist table tbody tr.tr__product--last, #user-inventory-products .partlist table tbody tr.tr__product--last, #userbuild-pick-partlist .partlist table tbody tr.tr__product--last, #buildguide-view .partlist table tbody tr.tr__product--last {
      margin-bottom: 1rem; } }
#partlist .partlist table tbody tr.tr__switch, #user-saved-partlists .partlist table tbody tr.tr__switch, #user-completed-builds .partlist table tbody tr.tr__switch, #user-favorite-products .partlist table tbody tr.tr__switch, #user-inventory-products .partlist table tbody tr.tr__switch, #userbuild-pick-partlist .partlist table tbody tr.tr__switch, #buildguide-view .partlist table tbody tr.tr__switch {
  border-top: 0; }
  @media only screen and (max-width: 1049px) {
    #partlist .partlist table tbody tr.tr__switch, #user-saved-partlists .partlist table tbody tr.tr__switch, #user-completed-builds .partlist table tbody tr.tr__switch, #user-favorite-products .partlist table tbody tr.tr__switch, #user-inventory-products .partlist table tbody tr.tr__switch, #userbuild-pick-partlist .partlist table tbody tr.tr__switch, #buildguide-view .partlist table tbody tr.tr__switch {
      display: block;
      padding: 1rem 0; } }
  #partlist .partlist table tbody tr.tr__switch td, #user-saved-partlists .partlist table tbody tr.tr__switch td, #user-completed-builds .partlist table tbody tr.tr__switch td, #user-favorite-products .partlist table tbody tr.tr__switch td, #user-inventory-products .partlist table tbody tr.tr__switch td, #userbuild-pick-partlist .partlist table tbody tr.tr__switch td, #buildguide-view .partlist table tbody tr.tr__switch td {
    height: auto;
    position: relative;
    overflow: hidden; }
    #partlist .partlist table tbody tr.tr__switch td a, #user-saved-partlists .partlist table tbody tr.tr__switch td a, #user-completed-builds .partlist table tbody tr.tr__switch td a, #user-favorite-products .partlist table tbody tr.tr__switch td a, #user-inventory-products .partlist table tbody tr.tr__switch td a, #userbuild-pick-partlist .partlist table tbody tr.tr__switch td a, #buildguide-view .partlist table tbody tr.tr__switch td a {
      position: relative;
      z-index: 1;
      border: none;
      font-size: 0.6875rem !important; }
      .light-mode #partlist .partlist table tbody tr.tr__switch td a, .light-mode #user-saved-partlists .partlist table tbody tr.tr__switch td a, .light-mode #user-completed-builds .partlist table tbody tr.tr__switch td a, .light-mode #user-favorite-products .partlist table tbody tr.tr__switch td a, .light-mode #user-inventory-products .partlist table tbody tr.tr__switch td a, .light-mode #userbuild-pick-partlist .partlist table tbody tr.tr__switch td a, .light-mode #buildguide-view .partlist table tbody tr.tr__switch td a {
        background-color: #26293c; }
      .dark-mode #partlist .partlist table tbody tr.tr__switch td a, .dark-mode #user-saved-partlists .partlist table tbody tr.tr__switch td a, .dark-mode #user-completed-builds .partlist table tbody tr.tr__switch td a, .dark-mode #user-favorite-products .partlist table tbody tr.tr__switch td a, .dark-mode #user-inventory-products .partlist table tbody tr.tr__switch td a, .dark-mode #userbuild-pick-partlist .partlist table tbody tr.tr__switch td a, .dark-mode #buildguide-view .partlist table tbody tr.tr__switch td a {
        background-color: #B8B8C8; }
      .light-mode #partlist .partlist table tbody tr.tr__switch td a:hover, .light-mode #user-saved-partlists .partlist table tbody tr.tr__switch td a:hover, .light-mode #user-completed-builds .partlist table tbody tr.tr__switch td a:hover, .light-mode #user-favorite-products .partlist table tbody tr.tr__switch td a:hover, .light-mode #user-inventory-products .partlist table tbody tr.tr__switch td a:hover, .light-mode #userbuild-pick-partlist .partlist table tbody tr.tr__switch td a:hover, .light-mode #buildguide-view .partlist table tbody tr.tr__switch td a:hover {
        background-color: #2c85c5; }
      .dark-mode #partlist .partlist table tbody tr.tr__switch td a:hover, .dark-mode #user-saved-partlists .partlist table tbody tr.tr__switch td a:hover, .dark-mode #user-completed-builds .partlist table tbody tr.tr__switch td a:hover, .dark-mode #user-favorite-products .partlist table tbody tr.tr__switch td a:hover, .dark-mode #user-inventory-products .partlist table tbody tr.tr__switch td a:hover, .dark-mode #userbuild-pick-partlist .partlist table tbody tr.tr__switch td a:hover, .dark-mode #buildguide-view .partlist table tbody tr.tr__switch td a:hover {
        background-color: #74baff; }
      #partlist .partlist table tbody tr.tr__switch td a svg, #user-saved-partlists .partlist table tbody tr.tr__switch td a svg, #user-completed-builds .partlist table tbody tr.tr__switch td a svg, #user-favorite-products .partlist table tbody tr.tr__switch td a svg, #user-inventory-products .partlist table tbody tr.tr__switch td a svg, #userbuild-pick-partlist .partlist table tbody tr.tr__switch td a svg, #buildguide-view .partlist table tbody tr.tr__switch td a svg {
        width: 12px;
        height: 12px;
        margin-right: 0.5rem; }
    #partlist .partlist table tbody tr.tr__switch td:after, #user-saved-partlists .partlist table tbody tr.tr__switch td:after, #user-completed-builds .partlist table tbody tr.tr__switch td:after, #user-favorite-products .partlist table tbody tr.tr__switch td:after, #user-inventory-products .partlist table tbody tr.tr__switch td:after, #userbuild-pick-partlist .partlist table tbody tr.tr__switch td:after, #buildguide-view .partlist table tbody tr.tr__switch td:after {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      height: 1px;
      width: 100%;
      border-top-style: dashed;
      border-top-width: 1px; }
      .light-mode #partlist .partlist table tbody tr.tr__switch td:after, .light-mode #user-saved-partlists .partlist table tbody tr.tr__switch td:after, .light-mode #user-completed-builds .partlist table tbody tr.tr__switch td:after, .light-mode #user-favorite-products .partlist table tbody tr.tr__switch td:after, .light-mode #user-inventory-products .partlist table tbody tr.tr__switch td:after, .light-mode #userbuild-pick-partlist .partlist table tbody tr.tr__switch td:after, .light-mode #buildguide-view .partlist table tbody tr.tr__switch td:after {
        border-color: #dbdbdb; }
      .dark-mode #partlist .partlist table tbody tr.tr__switch td:after, .dark-mode #user-saved-partlists .partlist table tbody tr.tr__switch td:after, .dark-mode #user-completed-builds .partlist table tbody tr.tr__switch td:after, .dark-mode #user-favorite-products .partlist table tbody tr.tr__switch td:after, .dark-mode #user-inventory-products .partlist table tbody tr.tr__switch td:after, .dark-mode #userbuild-pick-partlist .partlist table tbody tr.tr__switch td:after, .dark-mode #buildguide-view .partlist table tbody tr.tr__switch td:after {
        border-color: #37374d; }
    #partlist .partlist table tbody tr.tr__switch td:first-of-type:after, #user-saved-partlists .partlist table tbody tr.tr__switch td:first-of-type:after, #user-completed-builds .partlist table tbody tr.tr__switch td:first-of-type:after, #user-favorite-products .partlist table tbody tr.tr__switch td:first-of-type:after, #user-inventory-products .partlist table tbody tr.tr__switch td:first-of-type:after, #userbuild-pick-partlist .partlist table tbody tr.tr__switch td:first-of-type:after, #buildguide-view .partlist table tbody tr.tr__switch td:first-of-type:after {
      border: 0; }
    @media only screen and (max-width: 1049px) {
      #partlist .partlist table tbody tr.tr__switch td:first-of-type, #user-saved-partlists .partlist table tbody tr.tr__switch td:first-of-type, #user-completed-builds .partlist table tbody tr.tr__switch td:first-of-type, #user-favorite-products .partlist table tbody tr.tr__switch td:first-of-type, #user-inventory-products .partlist table tbody tr.tr__switch td:first-of-type, #userbuild-pick-partlist .partlist table tbody tr.tr__switch td:first-of-type, #buildguide-view .partlist table tbody tr.tr__switch td:first-of-type {
        display: none; } }
    @media only screen and (max-width: 1049px) {
      #partlist .partlist table tbody tr.tr__switch td:nth-child(2), #user-saved-partlists .partlist table tbody tr.tr__switch td:nth-child(2), #user-completed-builds .partlist table tbody tr.tr__switch td:nth-child(2), #user-favorite-products .partlist table tbody tr.tr__switch td:nth-child(2), #user-inventory-products .partlist table tbody tr.tr__switch td:nth-child(2), #userbuild-pick-partlist .partlist table tbody tr.tr__switch td:nth-child(2), #buildguide-view .partlist table tbody tr.tr__switch td:nth-child(2) {
        display: none; }
      #partlist .partlist table tbody tr.tr__switch td:nth-child(3), #user-saved-partlists .partlist table tbody tr.tr__switch td:nth-child(3), #user-completed-builds .partlist table tbody tr.tr__switch td:nth-child(3), #user-favorite-products .partlist table tbody tr.tr__switch td:nth-child(3), #user-inventory-products .partlist table tbody tr.tr__switch td:nth-child(3), #userbuild-pick-partlist .partlist table tbody tr.tr__switch td:nth-child(3), #buildguide-view .partlist table tbody tr.tr__switch td:nth-child(3) {
        text-align: center; } }
#partlist .partlist table tbody tr.tr__groupset td.td__component, #user-saved-partlists .partlist table tbody tr.tr__groupset td.td__component, #user-completed-builds .partlist table tbody tr.tr__groupset td.td__component, #user-favorite-products .partlist table tbody tr.tr__groupset td.td__component, #user-inventory-products .partlist table tbody tr.tr__groupset td.td__component, #userbuild-pick-partlist .partlist table tbody tr.tr__groupset td.td__component, #buildguide-view .partlist table tbody tr.tr__groupset td.td__component {
  font-weight: 700;
  text-transform: uppercase; }
  @media only screen and (min-width: 1050px) {
    #partlist .partlist table tbody tr.tr__groupset td.td__component, #user-saved-partlists .partlist table tbody tr.tr__groupset td.td__component, #user-completed-builds .partlist table tbody tr.tr__groupset td.td__component, #user-favorite-products .partlist table tbody tr.tr__groupset td.td__component, #user-inventory-products .partlist table tbody tr.tr__groupset td.td__component, #userbuild-pick-partlist .partlist table tbody tr.tr__groupset td.td__component, #buildguide-view .partlist table tbody tr.tr__groupset td.td__component {
      font-size: 0.75rem; } }
  #partlist .partlist table tbody tr.tr__groupset td.td__component a svg, #user-saved-partlists .partlist table tbody tr.tr__groupset td.td__component a svg, #user-completed-builds .partlist table tbody tr.tr__groupset td.td__component a svg, #user-favorite-products .partlist table tbody tr.tr__groupset td.td__component a svg, #user-inventory-products .partlist table tbody tr.tr__groupset td.td__component a svg, #userbuild-pick-partlist .partlist table tbody tr.tr__groupset td.td__component a svg, #buildguide-view .partlist table tbody tr.tr__groupset td.td__component a svg {
    position: relative;
    top: 4px;
    margin-right: 0.5rem;
    fill: #83497C; }
    @media only screen and (max-width: 1049px) {
      #partlist .partlist table tbody tr.tr__groupset td.td__component a svg, #user-saved-partlists .partlist table tbody tr.tr__groupset td.td__component a svg, #user-completed-builds .partlist table tbody tr.tr__groupset td.td__component a svg, #user-favorite-products .partlist table tbody tr.tr__groupset td.td__component a svg, #user-inventory-products .partlist table tbody tr.tr__groupset td.td__component a svg, #userbuild-pick-partlist .partlist table tbody tr.tr__groupset td.td__component a svg, #buildguide-view .partlist table tbody tr.tr__groupset td.td__component a svg {
        width: 18px;
        height: 18px;
        top: 3px;
        left: 1px; } }
#partlist .partlist table tbody tr.tr__groupset td.td__addComponent .button, #user-saved-partlists .partlist table tbody tr.tr__groupset td.td__addComponent .button, #user-completed-builds .partlist table tbody tr.tr__groupset td.td__addComponent .button, #user-favorite-products .partlist table tbody tr.tr__groupset td.td__addComponent .button, #user-inventory-products .partlist table tbody tr.tr__groupset td.td__addComponent .button, #userbuild-pick-partlist .partlist table tbody tr.tr__groupset td.td__addComponent .button, #buildguide-view .partlist table tbody tr.tr__groupset td.td__addComponent .button {
  margin-right: 0; }

#partlist .partlist table tbody tr.tr__groupset td.td__addComponent span, #user-saved-partlists .partlist table tbody tr.tr__groupset td.td__addComponent span, #user-completed-builds .partlist table tbody tr.tr__groupset td.td__addComponent span, #user-favorite-products .partlist table tbody tr.tr__groupset td.td__addComponent span, #user-inventory-products .partlist table tbody tr.tr__groupset td.td__addComponent span, #userbuild-pick-partlist .partlist table tbody tr.tr__groupset td.td__addComponent span, #buildguide-view .partlist table tbody tr.tr__groupset td.td__addComponent span {
  margin: 1rem;
  text-align: center;
  display: block; }
  @media only screen and (min-width: 768px) {
    #partlist .partlist table tbody tr.tr__groupset td.td__addComponent span, #user-saved-partlists .partlist table tbody tr.tr__groupset td.td__addComponent span, #user-completed-builds .partlist table tbody tr.tr__groupset td.td__addComponent span, #user-favorite-products .partlist table tbody tr.tr__groupset td.td__addComponent span, #user-inventory-products .partlist table tbody tr.tr__groupset td.td__addComponent span, #userbuild-pick-partlist .partlist table tbody tr.tr__groupset td.td__addComponent span, #buildguide-view .partlist table tbody tr.tr__groupset td.td__addComponent span {
      display: inline-block; } }
#partlist .partlist table tbody tr.tr__groupset td.td__name, #user-saved-partlists .partlist table tbody tr.tr__groupset td.td__name, #user-completed-builds .partlist table tbody tr.tr__groupset td.td__name, #user-favorite-products .partlist table tbody tr.tr__groupset td.td__name, #user-inventory-products .partlist table tbody tr.tr__groupset td.td__name, #userbuild-pick-partlist .partlist table tbody tr.tr__groupset td.td__name, #buildguide-view .partlist table tbody tr.tr__groupset td.td__name {
  width: 70%; }
  @media only screen and (min-width: 768px) {
    #partlist .partlist table tbody tr.tr__groupset td.td__name, #user-saved-partlists .partlist table tbody tr.tr__groupset td.td__name, #user-completed-builds .partlist table tbody tr.tr__groupset td.td__name, #user-favorite-products .partlist table tbody tr.tr__groupset td.td__name, #user-inventory-products .partlist table tbody tr.tr__groupset td.td__name, #userbuild-pick-partlist .partlist table tbody tr.tr__groupset td.td__name, #buildguide-view .partlist table tbody tr.tr__groupset td.td__name {
      width: 80%; } }
@media only screen and (max-width: 767px) {
  #partlist .partlist table tbody tr.tr__groupset td.td__base, #partlist .partlist table tbody tr.tr__groupset td.td__promo, #partlist .partlist table tbody tr.tr__groupset td.td__shipping, #partlist .partlist table tbody tr.tr__groupset td.td__tax, #user-saved-partlists .partlist table tbody tr.tr__groupset td.td__base, #user-saved-partlists .partlist table tbody tr.tr__groupset td.td__promo, #user-saved-partlists .partlist table tbody tr.tr__groupset td.td__shipping, #user-saved-partlists .partlist table tbody tr.tr__groupset td.td__tax, #user-completed-builds .partlist table tbody tr.tr__groupset td.td__base, #user-completed-builds .partlist table tbody tr.tr__groupset td.td__promo, #user-completed-builds .partlist table tbody tr.tr__groupset td.td__shipping, #user-completed-builds .partlist table tbody tr.tr__groupset td.td__tax, #user-favorite-products .partlist table tbody tr.tr__groupset td.td__base, #user-favorite-products .partlist table tbody tr.tr__groupset td.td__promo, #user-favorite-products .partlist table tbody tr.tr__groupset td.td__shipping, #user-favorite-products .partlist table tbody tr.tr__groupset td.td__tax, #user-inventory-products .partlist table tbody tr.tr__groupset td.td__base, #user-inventory-products .partlist table tbody tr.tr__groupset td.td__promo, #user-inventory-products .partlist table tbody tr.tr__groupset td.td__shipping, #user-inventory-products .partlist table tbody tr.tr__groupset td.td__tax, #userbuild-pick-partlist .partlist table tbody tr.tr__groupset td.td__base, #userbuild-pick-partlist .partlist table tbody tr.tr__groupset td.td__promo, #userbuild-pick-partlist .partlist table tbody tr.tr__groupset td.td__shipping, #userbuild-pick-partlist .partlist table tbody tr.tr__groupset td.td__tax, #buildguide-view .partlist table tbody tr.tr__groupset td.td__base, #buildguide-view .partlist table tbody tr.tr__groupset td.td__promo, #buildguide-view .partlist table tbody tr.tr__groupset td.td__shipping, #buildguide-view .partlist table tbody tr.tr__groupset td.td__tax {
    width: 23%; }
  #partlist .partlist table tbody tr.tr__groupset td.td__price, #partlist .partlist table tbody tr.tr__groupset td.td__where, #user-saved-partlists .partlist table tbody tr.tr__groupset td.td__price, #user-saved-partlists .partlist table tbody tr.tr__groupset td.td__where, #user-completed-builds .partlist table tbody tr.tr__groupset td.td__price, #user-completed-builds .partlist table tbody tr.tr__groupset td.td__where, #user-favorite-products .partlist table tbody tr.tr__groupset td.td__price, #user-favorite-products .partlist table tbody tr.tr__groupset td.td__where, #user-inventory-products .partlist table tbody tr.tr__groupset td.td__price, #user-inventory-products .partlist table tbody tr.tr__groupset td.td__where, #userbuild-pick-partlist .partlist table tbody tr.tr__groupset td.td__price, #userbuild-pick-partlist .partlist table tbody tr.tr__groupset td.td__where, #buildguide-view .partlist table tbody tr.tr__groupset td.td__price, #buildguide-view .partlist table tbody tr.tr__groupset td.td__where {
    width: 47.5%; } }

#partlist .partlist table tbody tr.tr__groupset--withParts, #user-saved-partlists .partlist table tbody tr.tr__groupset--withParts, #user-completed-builds .partlist table tbody tr.tr__groupset--withParts, #user-favorite-products .partlist table tbody tr.tr__groupset--withParts, #user-inventory-products .partlist table tbody tr.tr__groupset--withParts, #userbuild-pick-partlist .partlist table tbody tr.tr__groupset--withParts, #buildguide-view .partlist table tbody tr.tr__groupset--withParts {
  position: relative;
  padding-left: 2rem;
  padding-top: 0; }
  #partlist .partlist table tbody tr.tr__groupset--withParts:before, #user-saved-partlists .partlist table tbody tr.tr__groupset--withParts:before, #user-completed-builds .partlist table tbody tr.tr__groupset--withParts:before, #user-favorite-products .partlist table tbody tr.tr__groupset--withParts:before, #user-inventory-products .partlist table tbody tr.tr__groupset--withParts:before, #userbuild-pick-partlist .partlist table tbody tr.tr__groupset--withParts:before, #buildguide-view .partlist table tbody tr.tr__groupset--withParts:before {
    content: "";
    display: block;
    position: absolute;
    left: 0.5rem;
    bottom: 0;
    width: 4px;
    height: 93%;
    background-color: #83497C; }
  @media only screen and (min-width: 1050px) {
    #partlist .partlist table tbody tr.tr__groupset--withParts, #user-saved-partlists .partlist table tbody tr.tr__groupset--withParts, #user-completed-builds .partlist table tbody tr.tr__groupset--withParts, #user-favorite-products .partlist table tbody tr.tr__groupset--withParts, #user-inventory-products .partlist table tbody tr.tr__groupset--withParts, #userbuild-pick-partlist .partlist table tbody tr.tr__groupset--withParts, #buildguide-view .partlist table tbody tr.tr__groupset--withParts {
      padding-left: 0; }
      #partlist .partlist table tbody tr.tr__groupset--withParts:before, #user-saved-partlists .partlist table tbody tr.tr__groupset--withParts:before, #user-completed-builds .partlist table tbody tr.tr__groupset--withParts:before, #user-favorite-products .partlist table tbody tr.tr__groupset--withParts:before, #user-inventory-products .partlist table tbody tr.tr__groupset--withParts:before, #userbuild-pick-partlist .partlist table tbody tr.tr__groupset--withParts:before, #buildguide-view .partlist table tbody tr.tr__groupset--withParts:before {
        display: none; } }
  @media only screen and (max-width: 1049px) {
    #partlist .partlist table tbody tr.tr__groupset--withParts .td__component, #user-saved-partlists .partlist table tbody tr.tr__groupset--withParts .td__component, #user-completed-builds .partlist table tbody tr.tr__groupset--withParts .td__component, #user-favorite-products .partlist table tbody tr.tr__groupset--withParts .td__component, #user-inventory-products .partlist table tbody tr.tr__groupset--withParts .td__component, #userbuild-pick-partlist .partlist table tbody tr.tr__groupset--withParts .td__component, #buildguide-view .partlist table tbody tr.tr__groupset--withParts .td__component {
      position: relative; }
      #partlist .partlist table tbody tr.tr__groupset--withParts .td__component a, #user-saved-partlists .partlist table tbody tr.tr__groupset--withParts .td__component a, #user-completed-builds .partlist table tbody tr.tr__groupset--withParts .td__component a, #user-favorite-products .partlist table tbody tr.tr__groupset--withParts .td__component a, #user-inventory-products .partlist table tbody tr.tr__groupset--withParts .td__component a, #userbuild-pick-partlist .partlist table tbody tr.tr__groupset--withParts .td__component a, #buildguide-view .partlist table tbody tr.tr__groupset--withParts .td__component a {
        position: relative;
        left: -2rem;
        padding: 0.5rem 0.5rem 0.5rem 0; } }
#partlist .partlist table tbody tr.tr__product--group, #user-saved-partlists .partlist table tbody tr.tr__product--group, #user-completed-builds .partlist table tbody tr.tr__product--group, #user-favorite-products .partlist table tbody tr.tr__product--group, #user-inventory-products .partlist table tbody tr.tr__product--group, #userbuild-pick-partlist .partlist table tbody tr.tr__product--group, #buildguide-view .partlist table tbody tr.tr__product--group {
  border-top: 0;
  padding-left: 2rem;
  position: relative; }
  #partlist .partlist table tbody tr.tr__product--group:before, #user-saved-partlists .partlist table tbody tr.tr__product--group:before, #user-completed-builds .partlist table tbody tr.tr__product--group:before, #user-favorite-products .partlist table tbody tr.tr__product--group:before, #user-inventory-products .partlist table tbody tr.tr__product--group:before, #userbuild-pick-partlist .partlist table tbody tr.tr__product--group:before, #buildguide-view .partlist table tbody tr.tr__product--group:before {
    content: "";
    display: block;
    position: absolute;
    left: 0.5rem;
    top: 0;
    width: 4px;
    height: 100%;
    background-color: #83497C; }
  @media only screen and (min-width: 1050px) {
    #partlist .partlist table tbody tr.tr__product--group, #user-saved-partlists .partlist table tbody tr.tr__product--group, #user-completed-builds .partlist table tbody tr.tr__product--group, #user-favorite-products .partlist table tbody tr.tr__product--group, #user-inventory-products .partlist table tbody tr.tr__product--group, #userbuild-pick-partlist .partlist table tbody tr.tr__product--group, #buildguide-view .partlist table tbody tr.tr__product--group {
      padding-left: 0; }
      #partlist .partlist table tbody tr.tr__product--group:before, #user-saved-partlists .partlist table tbody tr.tr__product--group:before, #user-completed-builds .partlist table tbody tr.tr__product--group:before, #user-favorite-products .partlist table tbody tr.tr__product--group:before, #user-inventory-products .partlist table tbody tr.tr__product--group:before, #userbuild-pick-partlist .partlist table tbody tr.tr__product--group:before, #buildguide-view .partlist table tbody tr.tr__product--group:before {
        display: none; } }
  @media only screen and (min-width: 1050px) {
    #partlist .partlist table tbody tr.tr__product--group td, #user-saved-partlists .partlist table tbody tr.tr__product--group td, #user-completed-builds .partlist table tbody tr.tr__product--group td, #user-favorite-products .partlist table tbody tr.tr__product--group td, #user-inventory-products .partlist table tbody tr.tr__product--group td, #userbuild-pick-partlist .partlist table tbody tr.tr__product--group td, #buildguide-view .partlist table tbody tr.tr__product--group td {
      border-top: 1px solid #a1a1a1; } }
  #partlist .partlist table tbody tr.tr__product--group td.td__component, #user-saved-partlists .partlist table tbody tr.tr__product--group td.td__component, #user-completed-builds .partlist table tbody tr.tr__product--group td.td__component, #user-favorite-products .partlist table tbody tr.tr__product--group td.td__component, #user-inventory-products .partlist table tbody tr.tr__product--group td.td__component, #userbuild-pick-partlist .partlist table tbody tr.tr__product--group td.td__component, #buildguide-view .partlist table tbody tr.tr__product--group td.td__component {
    border-top: 0; }
    @media only screen and (min-width: 1050px) {
      #partlist .partlist table tbody tr.tr__product--group td.td__component, #user-saved-partlists .partlist table tbody tr.tr__product--group td.td__component, #user-completed-builds .partlist table tbody tr.tr__product--group td.td__component, #user-favorite-products .partlist table tbody tr.tr__product--group td.td__component, #user-inventory-products .partlist table tbody tr.tr__product--group td.td__component, #userbuild-pick-partlist .partlist table tbody tr.tr__product--group td.td__component, #buildguide-view .partlist table tbody tr.tr__product--group td.td__component {
        padding-left: 1.5rem;
        border-bottom: 0; } }
    #partlist .partlist table tbody tr.tr__product--group td.td__component:after, #user-saved-partlists .partlist table tbody tr.tr__product--group td.td__component:after, #user-completed-builds .partlist table tbody tr.tr__product--group td.td__component:after, #user-favorite-products .partlist table tbody tr.tr__product--group td.td__component:after, #user-inventory-products .partlist table tbody tr.tr__product--group td.td__component:after, #userbuild-pick-partlist .partlist table tbody tr.tr__product--group td.td__component:after, #buildguide-view .partlist table tbody tr.tr__product--group td.td__component:after {
      height: 1px;
      background-color: #D1D0D4; }
    #partlist .partlist table tbody tr.tr__product--group td.td__component a, #user-saved-partlists .partlist table tbody tr.tr__product--group td.td__component a, #user-completed-builds .partlist table tbody tr.tr__product--group td.td__component a, #user-favorite-products .partlist table tbody tr.tr__product--group td.td__component a, #user-inventory-products .partlist table tbody tr.tr__product--group td.td__component a, #userbuild-pick-partlist .partlist table tbody tr.tr__product--group td.td__component a, #buildguide-view .partlist table tbody tr.tr__product--group td.td__component a {
      position: relative; }
      #partlist .partlist table tbody tr.tr__product--group td.td__component a:hover:after, #user-saved-partlists .partlist table tbody tr.tr__product--group td.td__component a:hover:after, #user-completed-builds .partlist table tbody tr.tr__product--group td.td__component a:hover:after, #user-favorite-products .partlist table tbody tr.tr__product--group td.td__component a:hover:after, #user-inventory-products .partlist table tbody tr.tr__product--group td.td__component a:hover:after, #userbuild-pick-partlist .partlist table tbody tr.tr__product--group td.td__component a:hover:after, #buildguide-view .partlist table tbody tr.tr__product--group td.td__component a:hover:after {
        text-decoration: none; }
      #partlist .partlist table tbody tr.tr__product--group td.td__component a:after, #user-saved-partlists .partlist table tbody tr.tr__product--group td.td__component a:after, #user-completed-builds .partlist table tbody tr.tr__product--group td.td__component a:after, #user-favorite-products .partlist table tbody tr.tr__product--group td.td__component a:after, #user-inventory-products .partlist table tbody tr.tr__product--group td.td__component a:after, #userbuild-pick-partlist .partlist table tbody tr.tr__product--group td.td__component a:after, #buildguide-view .partlist table tbody tr.tr__product--group td.td__component a:after {
        content: "included";
        font-size: 0.875rem;
        color: #83497C;
        padding-left: 0.5rem; }
      @media only screen and (min-width: 1050px) {
        #partlist .partlist table tbody tr.tr__product--group td.td__component a:before, #user-saved-partlists .partlist table tbody tr.tr__product--group td.td__component a:before, #user-completed-builds .partlist table tbody tr.tr__product--group td.td__component a:before, #user-favorite-products .partlist table tbody tr.tr__product--group td.td__component a:before, #user-inventory-products .partlist table tbody tr.tr__product--group td.td__component a:before, #userbuild-pick-partlist .partlist table tbody tr.tr__product--group td.td__component a:before, #buildguide-view .partlist table tbody tr.tr__product--group td.td__component a:before {
          content: "";
          display: block;
          position: absolute;
          left: -18px;
          top: -25px;
          width: 4px;
          height: 81px;
          background-color: #83497C; }
        #partlist .partlist table tbody tr.tr__product--group td.td__component a:after, #user-saved-partlists .partlist table tbody tr.tr__product--group td.td__component a:after, #user-completed-builds .partlist table tbody tr.tr__product--group td.td__component a:after, #user-favorite-products .partlist table tbody tr.tr__product--group td.td__component a:after, #user-inventory-products .partlist table tbody tr.tr__product--group td.td__component a:after, #userbuild-pick-partlist .partlist table tbody tr.tr__product--group td.td__component a:after, #buildguide-view .partlist table tbody tr.tr__product--group td.td__component a:after {
          display: block;
          font-size: 0.625rem;
          padding-left: 0; } }
  #partlist .partlist table tbody tr.tr__product--group td.td__name, #user-saved-partlists .partlist table tbody tr.tr__product--group td.td__name, #user-completed-builds .partlist table tbody tr.tr__product--group td.td__name, #user-favorite-products .partlist table tbody tr.tr__product--group td.td__name, #user-inventory-products .partlist table tbody tr.tr__product--group td.td__name, #userbuild-pick-partlist .partlist table tbody tr.tr__product--group td.td__name, #buildguide-view .partlist table tbody tr.tr__product--group td.td__name {
    width: 78%; }
    @media only screen and (min-width: 768px) {
      #partlist .partlist table tbody tr.tr__product--group td.td__name, #user-saved-partlists .partlist table tbody tr.tr__product--group td.td__name, #user-completed-builds .partlist table tbody tr.tr__product--group td.td__name, #user-favorite-products .partlist table tbody tr.tr__product--group td.td__name, #user-inventory-products .partlist table tbody tr.tr__product--group td.td__name, #userbuild-pick-partlist .partlist table tbody tr.tr__product--group td.td__name, #buildguide-view .partlist table tbody tr.tr__product--group td.td__name {
        width: 80%; } }
    #partlist .partlist table tbody tr.tr__product--group td.td__name span, #user-saved-partlists .partlist table tbody tr.tr__product--group td.td__name span, #user-completed-builds .partlist table tbody tr.tr__product--group td.td__name span, #user-favorite-products .partlist table tbody tr.tr__product--group td.td__name span, #user-inventory-products .partlist table tbody tr.tr__product--group td.td__name span, #userbuild-pick-partlist .partlist table tbody tr.tr__product--group td.td__name span, #buildguide-view .partlist table tbody tr.tr__product--group td.td__name span {
      display: block;
      font-weight: 500;
      font-size: 0.75rem; }
  #partlist .partlist table tbody tr.tr__product--group td.td__note, #user-saved-partlists .partlist table tbody tr.tr__product--group td.td__note, #user-completed-builds .partlist table tbody tr.tr__product--group td.td__note, #user-favorite-products .partlist table tbody tr.tr__product--group td.td__note, #user-inventory-products .partlist table tbody tr.tr__product--group td.td__note, #userbuild-pick-partlist .partlist table tbody tr.tr__product--group td.td__note, #buildguide-view .partlist table tbody tr.tr__product--group td.td__note {
    color: #83497C; }
  #partlist .partlist table tbody tr.tr__product--group td.td__swap a, #user-saved-partlists .partlist table tbody tr.tr__product--group td.td__swap a, #user-completed-builds .partlist table tbody tr.tr__product--group td.td__swap a, #user-favorite-products .partlist table tbody tr.tr__product--group td.td__swap a, #user-inventory-products .partlist table tbody tr.tr__product--group td.td__swap a, #userbuild-pick-partlist .partlist table tbody tr.tr__product--group td.td__swap a, #buildguide-view .partlist table tbody tr.tr__product--group td.td__swap a {
    width: 100%; }

#partlist .partlist table tbody tr.tr__product--groupChange:before, #user-saved-partlists .partlist table tbody tr.tr__product--groupChange:before, #user-completed-builds .partlist table tbody tr.tr__product--groupChange:before, #user-favorite-products .partlist table tbody tr.tr__product--groupChange:before, #user-inventory-products .partlist table tbody tr.tr__product--groupChange:before, #userbuild-pick-partlist .partlist table tbody tr.tr__product--groupChange:before, #buildguide-view .partlist table tbody tr.tr__product--groupChange:before {
  background-color: #ff9115; }

#partlist .partlist table tbody tr.tr__product--groupChange td.td__component a, #user-saved-partlists .partlist table tbody tr.tr__product--groupChange td.td__component a, #user-completed-builds .partlist table tbody tr.tr__product--groupChange td.td__component a, #user-favorite-products .partlist table tbody tr.tr__product--groupChange td.td__component a, #user-inventory-products .partlist table tbody tr.tr__product--groupChange td.td__component a, #userbuild-pick-partlist .partlist table tbody tr.tr__product--groupChange td.td__component a, #buildguide-view .partlist table tbody tr.tr__product--groupChange td.td__component a {
  position: relative; }
  #partlist .partlist table tbody tr.tr__product--groupChange td.td__component a:after, #user-saved-partlists .partlist table tbody tr.tr__product--groupChange td.td__component a:after, #user-completed-builds .partlist table tbody tr.tr__product--groupChange td.td__component a:after, #user-favorite-products .partlist table tbody tr.tr__product--groupChange td.td__component a:after, #user-inventory-products .partlist table tbody tr.tr__product--groupChange td.td__component a:after, #userbuild-pick-partlist .partlist table tbody tr.tr__product--groupChange td.td__component a:after, #buildguide-view .partlist table tbody tr.tr__product--groupChange td.td__component a:after {
    content: "changed";
    color: #f78300; }
  @media only screen and (min-width: 1050px) {
    #partlist .partlist table tbody tr.tr__product--groupChange td.td__component a:before, #user-saved-partlists .partlist table tbody tr.tr__product--groupChange td.td__component a:before, #user-completed-builds .partlist table tbody tr.tr__product--groupChange td.td__component a:before, #user-favorite-products .partlist table tbody tr.tr__product--groupChange td.td__component a:before, #user-inventory-products .partlist table tbody tr.tr__product--groupChange td.td__component a:before, #userbuild-pick-partlist .partlist table tbody tr.tr__product--groupChange td.td__component a:before, #buildguide-view .partlist table tbody tr.tr__product--groupChange td.td__component a:before {
      background-color: #ff9115; }
    #partlist .partlist table tbody tr.tr__product--groupChange td.td__component a:after, #user-saved-partlists .partlist table tbody tr.tr__product--groupChange td.td__component a:after, #user-completed-builds .partlist table tbody tr.tr__product--groupChange td.td__component a:after, #user-favorite-products .partlist table tbody tr.tr__product--groupChange td.td__component a:after, #user-inventory-products .partlist table tbody tr.tr__product--groupChange td.td__component a:after, #userbuild-pick-partlist .partlist table tbody tr.tr__product--groupChange td.td__component a:after, #buildguide-view .partlist table tbody tr.tr__product--groupChange td.td__component a:after {
      content: "changed";
      color: #f78300; } }
@media only screen and (max-width: 767px) {
  #partlist .partlist table tbody tr.tr__product--groupChange td.td__base, #partlist .partlist table tbody tr.tr__product--groupChange td.td__promo, #partlist .partlist table tbody tr.tr__product--groupChange td.td__shipping, #partlist .partlist table tbody tr.tr__product--groupChange td.td__tax, #user-saved-partlists .partlist table tbody tr.tr__product--groupChange td.td__base, #user-saved-partlists .partlist table tbody tr.tr__product--groupChange td.td__promo, #user-saved-partlists .partlist table tbody tr.tr__product--groupChange td.td__shipping, #user-saved-partlists .partlist table tbody tr.tr__product--groupChange td.td__tax, #user-completed-builds .partlist table tbody tr.tr__product--groupChange td.td__base, #user-completed-builds .partlist table tbody tr.tr__product--groupChange td.td__promo, #user-completed-builds .partlist table tbody tr.tr__product--groupChange td.td__shipping, #user-completed-builds .partlist table tbody tr.tr__product--groupChange td.td__tax, #user-favorite-products .partlist table tbody tr.tr__product--groupChange td.td__base, #user-favorite-products .partlist table tbody tr.tr__product--groupChange td.td__promo, #user-favorite-products .partlist table tbody tr.tr__product--groupChange td.td__shipping, #user-favorite-products .partlist table tbody tr.tr__product--groupChange td.td__tax, #user-inventory-products .partlist table tbody tr.tr__product--groupChange td.td__base, #user-inventory-products .partlist table tbody tr.tr__product--groupChange td.td__promo, #user-inventory-products .partlist table tbody tr.tr__product--groupChange td.td__shipping, #user-inventory-products .partlist table tbody tr.tr__product--groupChange td.td__tax, #userbuild-pick-partlist .partlist table tbody tr.tr__product--groupChange td.td__base, #userbuild-pick-partlist .partlist table tbody tr.tr__product--groupChange td.td__promo, #userbuild-pick-partlist .partlist table tbody tr.tr__product--groupChange td.td__shipping, #userbuild-pick-partlist .partlist table tbody tr.tr__product--groupChange td.td__tax, #buildguide-view .partlist table tbody tr.tr__product--groupChange td.td__base, #buildguide-view .partlist table tbody tr.tr__product--groupChange td.td__promo, #buildguide-view .partlist table tbody tr.tr__product--groupChange td.td__shipping, #buildguide-view .partlist table tbody tr.tr__product--groupChange td.td__tax {
    width: 23%; }
  #partlist .partlist table tbody tr.tr__product--groupChange td.td__price, #partlist .partlist table tbody tr.tr__product--groupChange td.td__where, #user-saved-partlists .partlist table tbody tr.tr__product--groupChange td.td__price, #user-saved-partlists .partlist table tbody tr.tr__product--groupChange td.td__where, #user-completed-builds .partlist table tbody tr.tr__product--groupChange td.td__price, #user-completed-builds .partlist table tbody tr.tr__product--groupChange td.td__where, #user-favorite-products .partlist table tbody tr.tr__product--groupChange td.td__price, #user-favorite-products .partlist table tbody tr.tr__product--groupChange td.td__where, #user-inventory-products .partlist table tbody tr.tr__product--groupChange td.td__price, #user-inventory-products .partlist table tbody tr.tr__product--groupChange td.td__where, #userbuild-pick-partlist .partlist table tbody tr.tr__product--groupChange td.td__price, #userbuild-pick-partlist .partlist table tbody tr.tr__product--groupChange td.td__where, #buildguide-view .partlist table tbody tr.tr__product--groupChange td.td__price, #buildguide-view .partlist table tbody tr.tr__product--groupChange td.td__where {
    width: 47.5%; } }

#partlist .partlist table tbody tr.tr__product--another, #user-saved-partlists .partlist table tbody tr.tr__product--another, #user-completed-builds .partlist table tbody tr.tr__product--another, #user-favorite-products .partlist table tbody tr.tr__product--another, #user-inventory-products .partlist table tbody tr.tr__product--another, #userbuild-pick-partlist .partlist table tbody tr.tr__product--another, #buildguide-view .partlist table tbody tr.tr__product--another {
  border-top: 0; }
  @media only screen and (max-width: 1049px) {
    #partlist .partlist table tbody tr.tr__product--another .td__component, #user-saved-partlists .partlist table tbody tr.tr__product--another .td__component, #user-completed-builds .partlist table tbody tr.tr__product--another .td__component, #user-favorite-products .partlist table tbody tr.tr__product--another .td__component, #user-inventory-products .partlist table tbody tr.tr__product--another .td__component, #userbuild-pick-partlist .partlist table tbody tr.tr__product--another .td__component, #buildguide-view .partlist table tbody tr.tr__product--another .td__component {
      display: none; } }
#partlist .partlist table tbody tr.tr__total, #user-saved-partlists .partlist table tbody tr.tr__total, #user-completed-builds .partlist table tbody tr.tr__total, #user-favorite-products .partlist table tbody tr.tr__total, #user-inventory-products .partlist table tbody tr.tr__total, #userbuild-pick-partlist .partlist table tbody tr.tr__total, #buildguide-view .partlist table tbody tr.tr__total {
  border-top: 0; }
  @media only screen and (max-width: 1049px) {
    #partlist .partlist table tbody tr.tr__total, #user-saved-partlists .partlist table tbody tr.tr__total, #user-completed-builds .partlist table tbody tr.tr__total, #user-favorite-products .partlist table tbody tr.tr__total, #user-inventory-products .partlist table tbody tr.tr__total, #userbuild-pick-partlist .partlist table tbody tr.tr__total, #buildguide-view .partlist table tbody tr.tr__total {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
      grid-column-gap: 0.5rem; }
      #partlist .partlist table tbody tr.tr__total .td__price, #user-saved-partlists .partlist table tbody tr.tr__total .td__price, #user-completed-builds .partlist table tbody tr.tr__total .td__price, #user-favorite-products .partlist table tbody tr.tr__total .td__price, #user-inventory-products .partlist table tbody tr.tr__total .td__price, #userbuild-pick-partlist .partlist table tbody tr.tr__total .td__price, #buildguide-view .partlist table tbody tr.tr__total .td__price {
        grid-column: auto;
        -ms-grid-row: 1;
        -ms-grid-column: 2; } }
  #partlist .partlist table tbody tr.tr__total td, #partlist .partlist table tbody tr.tr__total .td, #user-saved-partlists .partlist table tbody tr.tr__total td, #user-saved-partlists .partlist table tbody tr.tr__total .td, #user-completed-builds .partlist table tbody tr.tr__total td, #user-completed-builds .partlist table tbody tr.tr__total .td, #user-favorite-products .partlist table tbody tr.tr__total td, #user-favorite-products .partlist table tbody tr.tr__total .td, #user-inventory-products .partlist table tbody tr.tr__total td, #user-inventory-products .partlist table tbody tr.tr__total .td, #userbuild-pick-partlist .partlist table tbody tr.tr__total td, #userbuild-pick-partlist .partlist table tbody tr.tr__total .td, #buildguide-view .partlist table tbody tr.tr__total td, #buildguide-view .partlist table tbody tr.tr__total .td {
    height: auto; }
  #partlist .partlist table tbody tr.tr__total .td__label, #user-saved-partlists .partlist table tbody tr.tr__total .td__label, #user-completed-builds .partlist table tbody tr.tr__total .td__label, #user-favorite-products .partlist table tbody tr.tr__total .td__label, #user-inventory-products .partlist table tbody tr.tr__total .td__label, #userbuild-pick-partlist .partlist table tbody tr.tr__total .td__label, #buildguide-view .partlist table tbody tr.tr__total .td__label {
    -ms-grid-column: 1;
    text-align: right;
    font-size: 0.875rem; }

@media only screen and (max-width: 1049px) {
  #partlist .partlist table tbody tr.tr__total--final, #user-saved-partlists .partlist table tbody tr.tr__total--final, #user-completed-builds .partlist table tbody tr.tr__total--final, #user-favorite-products .partlist table tbody tr.tr__total--final, #user-inventory-products .partlist table tbody tr.tr__total--final, #userbuild-pick-partlist .partlist table tbody tr.tr__total--final, #buildguide-view .partlist table tbody tr.tr__total--final {
    margin-bottom: 1rem; } }

#partlist .partlist table tbody tr.tr__total--final .td__label, #user-saved-partlists .partlist table tbody tr.tr__total--final .td__label, #user-completed-builds .partlist table tbody tr.tr__total--final .td__label, #user-favorite-products .partlist table tbody tr.tr__total--final .td__label, #user-inventory-products .partlist table tbody tr.tr__total--final .td__label, #userbuild-pick-partlist .partlist table tbody tr.tr__total--final .td__label, #buildguide-view .partlist table tbody tr.tr__total--final .td__label {
  font-size: 1.25rem; }

#partlist .partlist table tbody tr.tr__total--final .td__price, #user-saved-partlists .partlist table tbody tr.tr__total--final .td__price, #user-completed-builds .partlist table tbody tr.tr__total--final .td__price, #user-favorite-products .partlist table tbody tr.tr__total--final .td__price, #user-inventory-products .partlist table tbody tr.tr__total--final .td__price, #userbuild-pick-partlist .partlist table tbody tr.tr__total--final .td__price, #buildguide-view .partlist table tbody tr.tr__total--final .td__price {
  font-size: 1.25rem; }
  #partlist .partlist table tbody tr.tr__total--final .td__price a, #user-saved-partlists .partlist table tbody tr.tr__total--final .td__price a, #user-completed-builds .partlist table tbody tr.tr__total--final .td__price a, #user-favorite-products .partlist table tbody tr.tr__total--final .td__price a, #user-inventory-products .partlist table tbody tr.tr__total--final .td__price a, #userbuild-pick-partlist .partlist table tbody tr.tr__total--final .td__price a, #buildguide-view .partlist table tbody tr.tr__total--final .td__price a {
    color: #2c85c5; }

#partlist .partlist table tbody tr td, #user-saved-partlists .partlist table tbody tr td, #user-completed-builds .partlist table tbody tr td, #user-favorite-products .partlist table tbody tr td, #user-inventory-products .partlist table tbody tr td, #userbuild-pick-partlist .partlist table tbody tr td, #buildguide-view .partlist table tbody tr td {
  font-size: 0.75rem;
  height: 80px; }
  @media only screen and (max-width: 1049px) {
    #partlist .partlist table tbody tr td, #user-saved-partlists .partlist table tbody tr td, #user-completed-builds .partlist table tbody tr td, #user-favorite-products .partlist table tbody tr td, #user-inventory-products .partlist table tbody tr td, #userbuild-pick-partlist .partlist table tbody tr td, #buildguide-view .partlist table tbody tr td {
      display: block;
      width: auto;
      height: auto;
      font-size: 0.75rem; }
      #partlist .partlist table tbody tr td.td__component, #user-saved-partlists .partlist table tbody tr td.td__component, #user-completed-builds .partlist table tbody tr td.td__component, #user-favorite-products .partlist table tbody tr td.td__component, #user-inventory-products .partlist table tbody tr td.td__component, #userbuild-pick-partlist .partlist table tbody tr td.td__component, #buildguide-view .partlist table tbody tr td.td__component {
        -ms-grid-column: 1;
        -ms-grid-column-span: 7;
        -ms-grid-row: 1; }
      #partlist .partlist table tbody tr td.td__image, #user-saved-partlists .partlist table tbody tr td.td__image, #user-completed-builds .partlist table tbody tr td.td__image, #user-favorite-products .partlist table tbody tr td.td__image, #user-inventory-products .partlist table tbody tr td.td__image, #userbuild-pick-partlist .partlist table tbody tr td.td__image, #buildguide-view .partlist table tbody tr td.td__image {
        -ms-grid-column: 1;
        -ms-grid-row: 2; }
      #partlist .partlist table tbody tr td.td__name, #user-saved-partlists .partlist table tbody tr td.td__name, #user-completed-builds .partlist table tbody tr td.td__name, #user-favorite-products .partlist table tbody tr td.td__name, #user-inventory-products .partlist table tbody tr td.td__name, #userbuild-pick-partlist .partlist table tbody tr td.td__name, #buildguide-view .partlist table tbody tr td.td__name {
        -ms-grid-column: 2;
        -ms-grid-column-span: 6;
        -ms-grid-row: 2;
        -ms-grid-row-align: center; }
      #partlist .partlist table tbody tr td.td__base, #user-saved-partlists .partlist table tbody tr td.td__base, #user-completed-builds .partlist table tbody tr td.td__base, #user-favorite-products .partlist table tbody tr td.td__base, #user-inventory-products .partlist table tbody tr td.td__base, #userbuild-pick-partlist .partlist table tbody tr td.td__base, #buildguide-view .partlist table tbody tr td.td__base {
        -ms-grid-column: 1;
        -ms-grid-row: 3; }
      #partlist .partlist table tbody tr td.td__promo, #user-saved-partlists .partlist table tbody tr td.td__promo, #user-completed-builds .partlist table tbody tr td.td__promo, #user-favorite-products .partlist table tbody tr td.td__promo, #user-inventory-products .partlist table tbody tr td.td__promo, #userbuild-pick-partlist .partlist table tbody tr td.td__promo, #buildguide-view .partlist table tbody tr td.td__promo {
        -ms-grid-column: 2;
        -ms-grid-row: 3; }
      #partlist .partlist table tbody tr td.td__shipping, #user-saved-partlists .partlist table tbody tr td.td__shipping, #user-completed-builds .partlist table tbody tr td.td__shipping, #user-favorite-products .partlist table tbody tr td.td__shipping, #user-inventory-products .partlist table tbody tr td.td__shipping, #userbuild-pick-partlist .partlist table tbody tr td.td__shipping, #buildguide-view .partlist table tbody tr td.td__shipping {
        -ms-grid-column: 3;
        -ms-grid-row: 3; }
      #partlist .partlist table tbody tr td.td__tax, #user-saved-partlists .partlist table tbody tr td.td__tax, #user-completed-builds .partlist table tbody tr td.td__tax, #user-favorite-products .partlist table tbody tr td.td__tax, #user-inventory-products .partlist table tbody tr td.td__tax, #userbuild-pick-partlist .partlist table tbody tr td.td__tax, #buildguide-view .partlist table tbody tr td.td__tax {
        -ms-grid-column: 4;
        -ms-grid-row: 3; }
      #partlist .partlist table tbody tr td.td__price, #user-saved-partlists .partlist table tbody tr td.td__price, #user-completed-builds .partlist table tbody tr td.td__price, #user-favorite-products .partlist table tbody tr td.td__price, #user-inventory-products .partlist table tbody tr td.td__price, #userbuild-pick-partlist .partlist table tbody tr td.td__price, #buildguide-view .partlist table tbody tr td.td__price {
        -ms-grid-column: 5;
        -ms-grid-row: 3; }
      #partlist .partlist table tbody tr td.td__where, #user-saved-partlists .partlist table tbody tr td.td__where, #user-completed-builds .partlist table tbody tr td.td__where, #user-favorite-products .partlist table tbody tr td.td__where, #user-inventory-products .partlist table tbody tr td.td__where, #userbuild-pick-partlist .partlist table tbody tr td.td__where, #buildguide-view .partlist table tbody tr td.td__where {
        -ms-grid-column: 6;
        -ms-grid-row: 3; }
      #partlist .partlist table tbody tr td.td__buy, #user-saved-partlists .partlist table tbody tr td.td__buy, #user-completed-builds .partlist table tbody tr td.td__buy, #user-favorite-products .partlist table tbody tr td.td__buy, #user-inventory-products .partlist table tbody tr td.td__buy, #userbuild-pick-partlist .partlist table tbody tr td.td__buy, #buildguide-view .partlist table tbody tr td.td__buy {
        -ms-grid-column: 7;
        -ms-grid-row: 3; }
      #partlist .partlist table tbody tr td h6, #user-saved-partlists .partlist table tbody tr td h6, #user-completed-builds .partlist table tbody tr td h6, #user-favorite-products .partlist table tbody tr td h6, #user-inventory-products .partlist table tbody tr td h6, #userbuild-pick-partlist .partlist table tbody tr td h6, #buildguide-view .partlist table tbody tr td h6 {
        font-size: 0.6875rem;
        font-weight: normal; }
        .light-mode #partlist .partlist table tbody tr td h6, .light-mode #user-saved-partlists .partlist table tbody tr td h6, .light-mode #user-completed-builds .partlist table tbody tr td h6, .light-mode #user-favorite-products .partlist table tbody tr td h6, .light-mode #user-inventory-products .partlist table tbody tr td h6, .light-mode #userbuild-pick-partlist .partlist table tbody tr td h6, .light-mode #buildguide-view .partlist table tbody tr td h6 {
          color: #929292; }
        .dark-mode #partlist .partlist table tbody tr td h6, .dark-mode #user-saved-partlists .partlist table tbody tr td h6, .dark-mode #user-completed-builds .partlist table tbody tr td h6, .dark-mode #user-favorite-products .partlist table tbody tr td h6, .dark-mode #user-inventory-products .partlist table tbody tr td h6, .dark-mode #userbuild-pick-partlist .partlist table tbody tr td h6, .dark-mode #buildguide-view .partlist table tbody tr td h6 {
          color: #717184; }
      #partlist .partlist table tbody tr td.td__buy, #user-saved-partlists .partlist table tbody tr td.td__buy, #user-completed-builds .partlist table tbody tr td.td__buy, #user-favorite-products .partlist table tbody tr td.td__buy, #user-inventory-products .partlist table tbody tr td.td__buy, #userbuild-pick-partlist .partlist table tbody tr td.td__buy, #buildguide-view .partlist table tbody tr td.td__buy {
        align-self: center;
        width: auto;
        display: block; }
        #partlist .partlist table tbody tr td.td__buy a, #user-saved-partlists .partlist table tbody tr td.td__buy a, #user-completed-builds .partlist table tbody tr td.td__buy a, #user-favorite-products .partlist table tbody tr td.td__buy a, #user-inventory-products .partlist table tbody tr td.td__buy a, #userbuild-pick-partlist .partlist table tbody tr td.td__buy a, #buildguide-view .partlist table tbody tr td.td__buy a {
          width: 100%; }
      #partlist .partlist table tbody tr td.td__settings, #partlist .partlist table tbody tr td.td__locked, #user-saved-partlists .partlist table tbody tr td.td__settings, #user-saved-partlists .partlist table tbody tr td.td__locked, #user-completed-builds .partlist table tbody tr td.td__settings, #user-completed-builds .partlist table tbody tr td.td__locked, #user-favorite-products .partlist table tbody tr td.td__settings, #user-favorite-products .partlist table tbody tr td.td__locked, #user-inventory-products .partlist table tbody tr td.td__settings, #user-inventory-products .partlist table tbody tr td.td__locked, #userbuild-pick-partlist .partlist table tbody tr td.td__settings, #userbuild-pick-partlist .partlist table tbody tr td.td__locked, #buildguide-view .partlist table tbody tr td.td__settings, #buildguide-view .partlist table tbody tr td.td__locked {
        align-self: center; }
      #partlist .partlist table tbody tr td.td__remove, #user-saved-partlists .partlist table tbody tr td.td__remove, #user-completed-builds .partlist table tbody tr td.td__remove, #user-favorite-products .partlist table tbody tr td.td__remove, #user-inventory-products .partlist table tbody tr td.td__remove, #userbuild-pick-partlist .partlist table tbody tr td.td__remove, #buildguide-view .partlist table tbody tr td.td__remove {
        align-self: center;
        padding-left: 1rem; } }
  @media only screen and (max-width: 767px) {
    #partlist .partlist table tbody tr td, #user-saved-partlists .partlist table tbody tr td, #user-completed-builds .partlist table tbody tr td, #user-favorite-products .partlist table tbody tr td, #user-inventory-products .partlist table tbody tr td, #userbuild-pick-partlist .partlist table tbody tr td, #buildguide-view .partlist table tbody tr td {
      padding: 0; }
      #partlist .partlist table tbody tr td.td__component, #user-saved-partlists .partlist table tbody tr td.td__component, #user-completed-builds .partlist table tbody tr td.td__component, #user-favorite-products .partlist table tbody tr td.td__component, #user-inventory-products .partlist table tbody tr td.td__component, #userbuild-pick-partlist .partlist table tbody tr td.td__component, #buildguide-view .partlist table tbody tr td.td__component {
        -ms-grid-column: 1;
        -ms-grid-column-span: 4;
        -ms-grid-row: 1; }
      #partlist .partlist table tbody tr td.td__image, #user-saved-partlists .partlist table tbody tr td.td__image, #user-completed-builds .partlist table tbody tr td.td__image, #user-favorite-products .partlist table tbody tr td.td__image, #user-inventory-products .partlist table tbody tr td.td__image, #userbuild-pick-partlist .partlist table tbody tr td.td__image, #buildguide-view .partlist table tbody tr td.td__image {
        -ms-grid-column: 1;
        -ms-grid-row: 2; }
      #partlist .partlist table tbody tr td.td__name, #user-saved-partlists .partlist table tbody tr td.td__name, #user-completed-builds .partlist table tbody tr td.td__name, #user-favorite-products .partlist table tbody tr td.td__name, #user-inventory-products .partlist table tbody tr td.td__name, #userbuild-pick-partlist .partlist table tbody tr td.td__name, #buildguide-view .partlist table tbody tr td.td__name {
        -ms-grid-column: 2;
        -ms-grid-column-span: 3;
        -ms-grid-row: 2;
        -ms-grid-row-align: center; }
      #partlist .partlist table tbody tr td.td__base, #user-saved-partlists .partlist table tbody tr td.td__base, #user-completed-builds .partlist table tbody tr td.td__base, #user-favorite-products .partlist table tbody tr td.td__base, #user-inventory-products .partlist table tbody tr td.td__base, #userbuild-pick-partlist .partlist table tbody tr td.td__base, #buildguide-view .partlist table tbody tr td.td__base {
        -ms-grid-column: 1;
        -ms-grid-row: 3; }
      #partlist .partlist table tbody tr td.td__promo, #user-saved-partlists .partlist table tbody tr td.td__promo, #user-completed-builds .partlist table tbody tr td.td__promo, #user-favorite-products .partlist table tbody tr td.td__promo, #user-inventory-products .partlist table tbody tr td.td__promo, #userbuild-pick-partlist .partlist table tbody tr td.td__promo, #buildguide-view .partlist table tbody tr td.td__promo {
        -ms-grid-column: 2;
        -ms-grid-row: 3; }
      #partlist .partlist table tbody tr td.td__shipping, #user-saved-partlists .partlist table tbody tr td.td__shipping, #user-completed-builds .partlist table tbody tr td.td__shipping, #user-favorite-products .partlist table tbody tr td.td__shipping, #user-inventory-products .partlist table tbody tr td.td__shipping, #userbuild-pick-partlist .partlist table tbody tr td.td__shipping, #buildguide-view .partlist table tbody tr td.td__shipping {
        -ms-grid-column: 3;
        -ms-grid-row: 3; }
      #partlist .partlist table tbody tr td.td__tax, #user-saved-partlists .partlist table tbody tr td.td__tax, #user-completed-builds .partlist table tbody tr td.td__tax, #user-favorite-products .partlist table tbody tr td.td__tax, #user-inventory-products .partlist table tbody tr td.td__tax, #userbuild-pick-partlist .partlist table tbody tr td.td__tax, #buildguide-view .partlist table tbody tr td.td__tax {
        -ms-grid-column: 4;
        -ms-grid-row: 3; }
      #partlist .partlist table tbody tr td.td__price, #user-saved-partlists .partlist table tbody tr td.td__price, #user-completed-builds .partlist table tbody tr td.td__price, #user-favorite-products .partlist table tbody tr td.td__price, #user-inventory-products .partlist table tbody tr td.td__price, #userbuild-pick-partlist .partlist table tbody tr td.td__price, #buildguide-view .partlist table tbody tr td.td__price {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        -ms-grid-row: 4; }
      #partlist .partlist table tbody tr td.td__where, #user-saved-partlists .partlist table tbody tr td.td__where, #user-completed-builds .partlist table tbody tr td.td__where, #user-favorite-products .partlist table tbody tr td.td__where, #user-inventory-products .partlist table tbody tr td.td__where, #userbuild-pick-partlist .partlist table tbody tr td.td__where, #buildguide-view .partlist table tbody tr td.td__where {
        -ms-grid-column: 3;
        -ms-grid-row: 4; }
      #partlist .partlist table tbody tr td.td__buy, #user-saved-partlists .partlist table tbody tr td.td__buy, #user-completed-builds .partlist table tbody tr td.td__buy, #user-favorite-products .partlist table tbody tr td.td__buy, #user-inventory-products .partlist table tbody tr td.td__buy, #userbuild-pick-partlist .partlist table tbody tr td.td__buy, #buildguide-view .partlist table tbody tr td.td__buy {
        -ms-grid-column: 4;
        -ms-grid-row: 4; } }
  @media only screen and (max-width: 767px) and (-ms-high-contrast: active), only screen and (max-width: 767px) and (-ms-high-contrast: none) {
    #partlist .partlist table tbody tr td, #user-saved-partlists .partlist table tbody tr td, #user-completed-builds .partlist table tbody tr td, #user-favorite-products .partlist table tbody tr td, #user-inventory-products .partlist table tbody tr td, #userbuild-pick-partlist .partlist table tbody tr td, #buildguide-view .partlist table tbody tr td {
      padding: inherit; } }
  @media only screen and (max-width: 767px) {
      #partlist .partlist table tbody tr td.td__price, #user-saved-partlists .partlist table tbody tr td.td__price, #user-completed-builds .partlist table tbody tr td.td__price, #user-favorite-products .partlist table tbody tr td.td__price, #user-inventory-products .partlist table tbody tr td.td__price, #userbuild-pick-partlist .partlist table tbody tr td.td__price, #buildguide-view .partlist table tbody tr td.td__price {
        grid-column: 1/3; }
      #partlist .partlist table tbody tr td.td__settingsButton, #user-saved-partlists .partlist table tbody tr td.td__settingsButton, #user-completed-builds .partlist table tbody tr td.td__settingsButton, #user-favorite-products .partlist table tbody tr td.td__settingsButton, #user-inventory-products .partlist table tbody tr td.td__settingsButton, #userbuild-pick-partlist .partlist table tbody tr td.td__settingsButton, #buildguide-view .partlist table tbody tr td.td__settingsButton {
        grid-column: 1/3; }
      #partlist .partlist table tbody tr td.td__removeButton, #user-saved-partlists .partlist table tbody tr td.td__removeButton, #user-completed-builds .partlist table tbody tr td.td__removeButton, #user-favorite-products .partlist table tbody tr td.td__removeButton, #user-inventory-products .partlist table tbody tr td.td__removeButton, #userbuild-pick-partlist .partlist table tbody tr td.td__removeButton, #buildguide-view .partlist table tbody tr td.td__removeButton {
        grid-column: 3/5; } }
  #partlist .partlist table tbody tr td.td__component, #user-saved-partlists .partlist table tbody tr td.td__component, #user-completed-builds .partlist table tbody tr td.td__component, #user-favorite-products .partlist table tbody tr td.td__component, #user-inventory-products .partlist table tbody tr td.td__component, #userbuild-pick-partlist .partlist table tbody tr td.td__component, #buildguide-view .partlist table tbody tr td.td__component {
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.25;
    width: 1px; }
    @media only screen and (max-width: 1049px) {
      #partlist .partlist table tbody tr td.td__component, #user-saved-partlists .partlist table tbody tr td.td__component, #user-completed-builds .partlist table tbody tr td.td__component, #user-favorite-products .partlist table tbody tr td.td__component, #user-inventory-products .partlist table tbody tr td.td__component, #userbuild-pick-partlist .partlist table tbody tr td.td__component, #buildguide-view .partlist table tbody tr td.td__component {
        grid-column: 1/10;
        width: auto;
        font-size: 0.875rem;
        font-weight: 700;
        position: relative; }
        #partlist .partlist table tbody tr td.td__component:after, #user-saved-partlists .partlist table tbody tr td.td__component:after, #user-completed-builds .partlist table tbody tr td.td__component:after, #user-favorite-products .partlist table tbody tr td.td__component:after, #user-inventory-products .partlist table tbody tr td.td__component:after, #userbuild-pick-partlist .partlist table tbody tr td.td__component:after, #buildguide-view .partlist table tbody tr td.td__component:after {
          content: "";
          display: block;
          height: 2px;
          width: 100%;
          position: absolute;
          top: 50%; }
          .light-mode #partlist .partlist table tbody tr td.td__component:after, .light-mode #user-saved-partlists .partlist table tbody tr td.td__component:after, .light-mode #user-completed-builds .partlist table tbody tr td.td__component:after, .light-mode #user-favorite-products .partlist table tbody tr td.td__component:after, .light-mode #user-inventory-products .partlist table tbody tr td.td__component:after, .light-mode #userbuild-pick-partlist .partlist table tbody tr td.td__component:after, .light-mode #buildguide-view .partlist table tbody tr td.td__component:after {
            background-color: #929292; }
          .dark-mode #partlist .partlist table tbody tr td.td__component:after, .dark-mode #user-saved-partlists .partlist table tbody tr td.td__component:after, .dark-mode #user-completed-builds .partlist table tbody tr td.td__component:after, .dark-mode #user-favorite-products .partlist table tbody tr td.td__component:after, .dark-mode #user-inventory-products .partlist table tbody tr td.td__component:after, .dark-mode #userbuild-pick-partlist .partlist table tbody tr td.td__component:after, .dark-mode #buildguide-view .partlist table tbody tr td.td__component:after {
            background-color: #717184; } }
    @media only screen and (max-width: 767px) {
      #partlist .partlist table tbody tr td.td__component, #user-saved-partlists .partlist table tbody tr td.td__component, #user-completed-builds .partlist table tbody tr td.td__component, #user-favorite-products .partlist table tbody tr td.td__component, #user-inventory-products .partlist table tbody tr td.td__component, #userbuild-pick-partlist .partlist table tbody tr td.td__component, #buildguide-view .partlist table tbody tr td.td__component {
        grid-column: 1/5; } }
    @media only screen and (max-width: 1049px) {
      #partlist .partlist table tbody tr td.td__component a, #partlist .partlist table tbody tr td.td__component p, #user-saved-partlists .partlist table tbody tr td.td__component a, #user-saved-partlists .partlist table tbody tr td.td__component p, #user-completed-builds .partlist table tbody tr td.td__component a, #user-completed-builds .partlist table tbody tr td.td__component p, #user-favorite-products .partlist table tbody tr td.td__component a, #user-favorite-products .partlist table tbody tr td.td__component p, #user-inventory-products .partlist table tbody tr td.td__component a, #user-inventory-products .partlist table tbody tr td.td__component p, #userbuild-pick-partlist .partlist table tbody tr td.td__component a, #userbuild-pick-partlist .partlist table tbody tr td.td__component p, #buildguide-view .partlist table tbody tr td.td__component a, #buildguide-view .partlist table tbody tr td.td__component p {
        display: inline-block;
        z-index: 1;
        position: relative;
        padding-right: 0.5rem; }
        .light-mode #partlist .partlist table tbody tr td.td__component a, .light-mode #partlist .partlist table tbody tr td.td__component p, .light-mode #user-saved-partlists .partlist table tbody tr td.td__component a, .light-mode #user-saved-partlists .partlist table tbody tr td.td__component p, .light-mode #user-completed-builds .partlist table tbody tr td.td__component a, .light-mode #user-completed-builds .partlist table tbody tr td.td__component p, .light-mode #user-favorite-products .partlist table tbody tr td.td__component a, .light-mode #user-favorite-products .partlist table tbody tr td.td__component p, .light-mode #user-inventory-products .partlist table tbody tr td.td__component a, .light-mode #user-inventory-products .partlist table tbody tr td.td__component p, .light-mode #userbuild-pick-partlist .partlist table tbody tr td.td__component a, .light-mode #userbuild-pick-partlist .partlist table tbody tr td.td__component p, .light-mode #buildguide-view .partlist table tbody tr td.td__component a, .light-mode #buildguide-view .partlist table tbody tr td.td__component p {
          background-color: #f4f4f3; }
        .dark-mode #partlist .partlist table tbody tr td.td__component a, .dark-mode #partlist .partlist table tbody tr td.td__component p, .dark-mode #user-saved-partlists .partlist table tbody tr td.td__component a, .dark-mode #user-saved-partlists .partlist table tbody tr td.td__component p, .dark-mode #user-completed-builds .partlist table tbody tr td.td__component a, .dark-mode #user-completed-builds .partlist table tbody tr td.td__component p, .dark-mode #user-favorite-products .partlist table tbody tr td.td__component a, .dark-mode #user-favorite-products .partlist table tbody tr td.td__component p, .dark-mode #user-inventory-products .partlist table tbody tr td.td__component a, .dark-mode #user-inventory-products .partlist table tbody tr td.td__component p, .dark-mode #userbuild-pick-partlist .partlist table tbody tr td.td__component a, .dark-mode #userbuild-pick-partlist .partlist table tbody tr td.td__component p, .dark-mode #buildguide-view .partlist table tbody tr td.td__component a, .dark-mode #buildguide-view .partlist table tbody tr td.td__component p {
          background-color: #282838; } }
  @media only screen and (max-width: 1049px) {
    #partlist .partlist table tbody tr td.td__addBlank, #user-saved-partlists .partlist table tbody tr td.td__addBlank, #user-completed-builds .partlist table tbody tr td.td__addBlank, #user-favorite-products .partlist table tbody tr td.td__addBlank, #user-inventory-products .partlist table tbody tr td.td__addBlank, #userbuild-pick-partlist .partlist table tbody tr td.td__addBlank, #buildguide-view .partlist table tbody tr td.td__addBlank {
      display: none; } }
  #partlist .partlist table tbody tr td.td__addComponent, #user-saved-partlists .partlist table tbody tr td.td__addComponent, #user-completed-builds .partlist table tbody tr td.td__addComponent, #user-favorite-products .partlist table tbody tr td.td__addComponent, #user-inventory-products .partlist table tbody tr td.td__addComponent, #userbuild-pick-partlist .partlist table tbody tr td.td__addComponent, #buildguide-view .partlist table tbody tr td.td__addComponent {
    line-height: 2; }
    #partlist .partlist table tbody tr td.td__addComponent a, #user-saved-partlists .partlist table tbody tr td.td__addComponent a, #user-completed-builds .partlist table tbody tr td.td__addComponent a, #user-favorite-products .partlist table tbody tr td.td__addComponent a, #user-inventory-products .partlist table tbody tr td.td__addComponent a, #userbuild-pick-partlist .partlist table tbody tr td.td__addComponent a, #buildguide-view .partlist table tbody tr td.td__addComponent a {
      font-weight: 700; }
    #partlist .partlist table tbody tr td.td__addComponent a.button, #user-saved-partlists .partlist table tbody tr td.td__addComponent a.button, #user-completed-builds .partlist table tbody tr td.td__addComponent a.button, #user-favorite-products .partlist table tbody tr td.td__addComponent a.button, #user-inventory-products .partlist table tbody tr td.td__addComponent a.button, #userbuild-pick-partlist .partlist table tbody tr td.td__addComponent a.button, #buildguide-view .partlist table tbody tr td.td__addComponent a.button {
      margin-right: 0.5rem; }
    @media only screen and (max-width: 1049px) {
      #partlist .partlist table tbody tr td.td__addComponent, #user-saved-partlists .partlist table tbody tr td.td__addComponent, #user-completed-builds .partlist table tbody tr td.td__addComponent, #user-favorite-products .partlist table tbody tr td.td__addComponent, #user-inventory-products .partlist table tbody tr td.td__addComponent, #userbuild-pick-partlist .partlist table tbody tr td.td__addComponent, #buildguide-view .partlist table tbody tr td.td__addComponent {
        padding-top: 0;
        -ms-grid-column: 1;
        -ms-grid-column-span: 9;
        -ms-grid-row: 2;
        grid-column: 1/10; } }
    @media only screen and (max-width: 767px) {
      #partlist .partlist table tbody tr td.td__addComponent, #user-saved-partlists .partlist table tbody tr td.td__addComponent, #user-completed-builds .partlist table tbody tr td.td__addComponent, #user-favorite-products .partlist table tbody tr td.td__addComponent, #user-inventory-products .partlist table tbody tr td.td__addComponent, #userbuild-pick-partlist .partlist table tbody tr td.td__addComponent, #buildguide-view .partlist table tbody tr td.td__addComponent {
        line-height: 1.5;
        -ms-grid-column: 1;
        -ms-grid-column-span: 4;
        -ms-grid-row: 2;
        grid-column: 1/5; } }
  #partlist .partlist table tbody tr td.td__image, #user-saved-partlists .partlist table tbody tr td.td__image, #user-completed-builds .partlist table tbody tr td.td__image, #user-favorite-products .partlist table tbody tr td.td__image, #user-inventory-products .partlist table tbody tr td.td__image, #userbuild-pick-partlist .partlist table tbody tr td.td__image, #buildguide-view .partlist table tbody tr td.td__image {
    text-align: center; }
    #partlist .partlist table tbody tr td.td__image a, #user-saved-partlists .partlist table tbody tr td.td__image a, #user-completed-builds .partlist table tbody tr td.td__image a, #user-favorite-products .partlist table tbody tr td.td__image a, #user-inventory-products .partlist table tbody tr td.td__image a, #userbuild-pick-partlist .partlist table tbody tr td.td__image a, #buildguide-view .partlist table tbody tr td.td__image a {
      display: block;
      width: 64px;
      height: 64px;
      background-color: #ffffff; }
      #partlist .partlist table tbody tr td.td__image a img, #user-saved-partlists .partlist table tbody tr td.td__image a img, #user-completed-builds .partlist table tbody tr td.td__image a img, #user-favorite-products .partlist table tbody tr td.td__image a img, #user-inventory-products .partlist table tbody tr td.td__image a img, #userbuild-pick-partlist .partlist table tbody tr td.td__image a img, #buildguide-view .partlist table tbody tr td.td__image a img {
        max-width: 100%;
        max-height: 100%;
        position: relative;
        top: 50%;
        transform: translateY(-50%); }
    @media only screen and (max-width: 767px) {
      #partlist .partlist table tbody tr td.td__image, #user-saved-partlists .partlist table tbody tr td.td__image, #user-completed-builds .partlist table tbody tr td.td__image, #user-favorite-products .partlist table tbody tr td.td__image, #user-inventory-products .partlist table tbody tr td.td__image, #userbuild-pick-partlist .partlist table tbody tr td.td__image, #buildguide-view .partlist table tbody tr td.td__image {
        padding-right: 0; } }
    @media only screen and (max-width: 1049px) {
      #partlist .partlist table tbody tr td.td__image, #user-saved-partlists .partlist table tbody tr td.td__image, #user-completed-builds .partlist table tbody tr td.td__image, #user-favorite-products .partlist table tbody tr td.td__image, #user-inventory-products .partlist table tbody tr td.td__image, #userbuild-pick-partlist .partlist table tbody tr td.td__image, #buildguide-view .partlist table tbody tr td.td__image {
        justify-self: center;
        display: inline-block;
        margin-bottom: 0.5rem; } }
  #partlist .partlist table tbody tr td.td__name, #user-saved-partlists .partlist table tbody tr td.td__name, #user-completed-builds .partlist table tbody tr td.td__name, #user-favorite-products .partlist table tbody tr td.td__name, #user-inventory-products .partlist table tbody tr td.td__name, #userbuild-pick-partlist .partlist table tbody tr td.td__name, #buildguide-view .partlist table tbody tr td.td__name {
    line-height: 1.125; }
    #partlist .partlist table tbody tr td.td__name > a, #user-saved-partlists .partlist table tbody tr td.td__name > a, #user-completed-builds .partlist table tbody tr td.td__name > a, #user-favorite-products .partlist table tbody tr td.td__name > a, #user-inventory-products .partlist table tbody tr td.td__name > a, #userbuild-pick-partlist .partlist table tbody tr td.td__name > a, #buildguide-view .partlist table tbody tr td.td__name > a {
      font-size: 0.875rem;
      font-weight: 700; }
      .light-mode #partlist .partlist table tbody tr td.td__name > a, .light-mode #user-saved-partlists .partlist table tbody tr td.td__name > a, .light-mode #user-completed-builds .partlist table tbody tr td.td__name > a, .light-mode #user-favorite-products .partlist table tbody tr td.td__name > a, .light-mode #user-inventory-products .partlist table tbody tr td.td__name > a, .light-mode #userbuild-pick-partlist .partlist table tbody tr td.td__name > a, .light-mode #buildguide-view .partlist table tbody tr td.td__name > a {
        color: #191b2b; }
      .dark-mode #partlist .partlist table tbody tr td.td__name > a, .dark-mode #user-saved-partlists .partlist table tbody tr td.td__name > a, .dark-mode #user-completed-builds .partlist table tbody tr td.td__name > a, .dark-mode #user-favorite-products .partlist table tbody tr td.td__name > a, .dark-mode #user-inventory-products .partlist table tbody tr td.td__name > a, .dark-mode #userbuild-pick-partlist .partlist table tbody tr td.td__name > a, .dark-mode #buildguide-view .partlist table tbody tr td.td__name > a {
        color: #EEEEF3; }
      .light-mode #partlist .partlist table tbody tr td.td__name > a:hover, .light-mode #user-saved-partlists .partlist table tbody tr td.td__name > a:hover, .light-mode #user-completed-builds .partlist table tbody tr td.td__name > a:hover, .light-mode #user-favorite-products .partlist table tbody tr td.td__name > a:hover, .light-mode #user-inventory-products .partlist table tbody tr td.td__name > a:hover, .light-mode #userbuild-pick-partlist .partlist table tbody tr td.td__name > a:hover, .light-mode #buildguide-view .partlist table tbody tr td.td__name > a:hover {
        color: #2c85c5; }
      .dark-mode #partlist .partlist table tbody tr td.td__name > a:hover, .dark-mode #user-saved-partlists .partlist table tbody tr td.td__name > a:hover, .dark-mode #user-completed-builds .partlist table tbody tr td.td__name > a:hover, .dark-mode #user-favorite-products .partlist table tbody tr td.td__name > a:hover, .dark-mode #user-inventory-products .partlist table tbody tr td.td__name > a:hover, .dark-mode #userbuild-pick-partlist .partlist table tbody tr td.td__name > a:hover, .dark-mode #buildguide-view .partlist table tbody tr td.td__name > a:hover {
        color: #74baff; }
    @media only screen and (max-width: 1049px) {
      #partlist .partlist table tbody tr td.td__name, #user-saved-partlists .partlist table tbody tr td.td__name, #user-completed-builds .partlist table tbody tr td.td__name, #user-favorite-products .partlist table tbody tr td.td__name, #user-inventory-products .partlist table tbody tr td.td__name, #userbuild-pick-partlist .partlist table tbody tr td.td__name, #buildguide-view .partlist table tbody tr td.td__name {
        grid-column: 2/10;
        align-self: center;
        display: inline-block;
        padding-right: 0;
        line-height: 1.25;
        margin-bottom: 1rem; } }
    @media only screen and (max-width: 767px) {
      #partlist .partlist table tbody tr td.td__name, #user-saved-partlists .partlist table tbody tr td.td__name, #user-completed-builds .partlist table tbody tr td.td__name, #user-favorite-products .partlist table tbody tr td.td__name, #user-inventory-products .partlist table tbody tr td.td__name, #userbuild-pick-partlist .partlist table tbody tr td.td__name, #buildguide-view .partlist table tbody tr td.td__name {
        grid-column: 2/5; } }
    #partlist .partlist table tbody tr td.td__name p.p__parametric, #user-saved-partlists .partlist table tbody tr td.td__name p.p__parametric, #user-completed-builds .partlist table tbody tr td.td__name p.p__parametric, #user-favorite-products .partlist table tbody tr td.td__name p.p__parametric, #user-inventory-products .partlist table tbody tr td.td__name p.p__parametric, #userbuild-pick-partlist .partlist table tbody tr td.td__name p.p__parametric, #buildguide-view .partlist table tbody tr td.td__name p.p__parametric {
      font-size: 0.75rem;
      line-height: 1.25;
      margin-top: 0.25rem; }
      #partlist .partlist table tbody tr td.td__name p.p__parametric a, #user-saved-partlists .partlist table tbody tr td.td__name p.p__parametric a, #user-completed-builds .partlist table tbody tr td.td__name p.p__parametric a, #user-favorite-products .partlist table tbody tr td.td__name p.p__parametric a, #user-inventory-products .partlist table tbody tr td.td__name p.p__parametric a, #userbuild-pick-partlist .partlist table tbody tr td.td__name p.p__parametric a, #buildguide-view .partlist table tbody tr td.td__name p.p__parametric a {
        font-size: 0.75rem; }
    #partlist .partlist table tbody tr td.td__name p.p__parametric--filter, #user-saved-partlists .partlist table tbody tr td.td__name p.p__parametric--filter, #user-completed-builds .partlist table tbody tr td.td__name p.p__parametric--filter, #user-favorite-products .partlist table tbody tr td.td__name p.p__parametric--filter, #user-inventory-products .partlist table tbody tr td.td__name p.p__parametric--filter, #userbuild-pick-partlist .partlist table tbody tr td.td__name p.p__parametric--filter, #buildguide-view .partlist table tbody tr td.td__name p.p__parametric--filter {
      font-size: 0.75rem;
      margin-top: calc(0.5rem / 2); }
      .light-mode #partlist .partlist table tbody tr td.td__name p.p__parametric--filter, .light-mode #user-saved-partlists .partlist table tbody tr td.td__name p.p__parametric--filter, .light-mode #user-completed-builds .partlist table tbody tr td.td__name p.p__parametric--filter, .light-mode #user-favorite-products .partlist table tbody tr td.td__name p.p__parametric--filter, .light-mode #user-inventory-products .partlist table tbody tr td.td__name p.p__parametric--filter, .light-mode #userbuild-pick-partlist .partlist table tbody tr td.td__name p.p__parametric--filter, .light-mode #buildguide-view .partlist table tbody tr td.td__name p.p__parametric--filter {
        color: #929292; }
      .dark-mode #partlist .partlist table tbody tr td.td__name p.p__parametric--filter, .dark-mode #user-saved-partlists .partlist table tbody tr td.td__name p.p__parametric--filter, .dark-mode #user-completed-builds .partlist table tbody tr td.td__name p.p__parametric--filter, .dark-mode #user-favorite-products .partlist table tbody tr td.td__name p.p__parametric--filter, .dark-mode #user-inventory-products .partlist table tbody tr td.td__name p.p__parametric--filter, .dark-mode #userbuild-pick-partlist .partlist table tbody tr td.td__name p.p__parametric--filter, .dark-mode #buildguide-view .partlist table tbody tr td.td__name p.p__parametric--filter {
        color: #717184; }
      #partlist .partlist table tbody tr td.td__name p.p__parametric--filter a, #user-saved-partlists .partlist table tbody tr td.td__name p.p__parametric--filter a, #user-completed-builds .partlist table tbody tr td.td__name p.p__parametric--filter a, #user-favorite-products .partlist table tbody tr td.td__name p.p__parametric--filter a, #user-inventory-products .partlist table tbody tr td.td__name p.p__parametric--filter a, #userbuild-pick-partlist .partlist table tbody tr td.td__name p.p__parametric--filter a, #buildguide-view .partlist table tbody tr td.td__name p.p__parametric--filter a {
        font-size: 0.75rem;
        font-weight: 700; }
    #partlist .partlist table tbody tr td.td__name p.p__parametric--selection, #user-saved-partlists .partlist table tbody tr td.td__name p.p__parametric--selection, #user-completed-builds .partlist table tbody tr td.td__name p.p__parametric--selection, #user-favorite-products .partlist table tbody tr td.td__name p.p__parametric--selection, #user-inventory-products .partlist table tbody tr td.td__name p.p__parametric--selection, #userbuild-pick-partlist .partlist table tbody tr td.td__name p.p__parametric--selection, #buildguide-view .partlist table tbody tr td.td__name p.p__parametric--selection {
      font-size: 0.75rem;
      margin-top: calc(0.5rem / 2); }
      .light-mode #partlist .partlist table tbody tr td.td__name p.p__parametric--selection, .light-mode #user-saved-partlists .partlist table tbody tr td.td__name p.p__parametric--selection, .light-mode #user-completed-builds .partlist table tbody tr td.td__name p.p__parametric--selection, .light-mode #user-favorite-products .partlist table tbody tr td.td__name p.p__parametric--selection, .light-mode #user-inventory-products .partlist table tbody tr td.td__name p.p__parametric--selection, .light-mode #userbuild-pick-partlist .partlist table tbody tr td.td__name p.p__parametric--selection, .light-mode #buildguide-view .partlist table tbody tr td.td__name p.p__parametric--selection {
        color: #929292; }
      .dark-mode #partlist .partlist table tbody tr td.td__name p.p__parametric--selection, .dark-mode #user-saved-partlists .partlist table tbody tr td.td__name p.p__parametric--selection, .dark-mode #user-completed-builds .partlist table tbody tr td.td__name p.p__parametric--selection, .dark-mode #user-favorite-products .partlist table tbody tr td.td__name p.p__parametric--selection, .dark-mode #user-inventory-products .partlist table tbody tr td.td__name p.p__parametric--selection, .dark-mode #userbuild-pick-partlist .partlist table tbody tr td.td__name p.p__parametric--selection, .dark-mode #buildguide-view .partlist table tbody tr td.td__name p.p__parametric--selection {
        color: #717184; }
      #partlist .partlist table tbody tr td.td__name p.p__parametric--selection a, #user-saved-partlists .partlist table tbody tr td.td__name p.p__parametric--selection a, #user-completed-builds .partlist table tbody tr td.td__name p.p__parametric--selection a, #user-favorite-products .partlist table tbody tr td.td__name p.p__parametric--selection a, #user-inventory-products .partlist table tbody tr td.td__name p.p__parametric--selection a, #userbuild-pick-partlist .partlist table tbody tr td.td__name p.p__parametric--selection a, #buildguide-view .partlist table tbody tr td.td__name p.p__parametric--selection a {
        font-size: 0.75rem;
        font-weight: 700; }
    #partlist .partlist table tbody tr td.td__name ul.ul__parametric--parts, #user-saved-partlists .partlist table tbody tr td.td__name ul.ul__parametric--parts, #user-completed-builds .partlist table tbody tr td.td__name ul.ul__parametric--parts, #user-favorite-products .partlist table tbody tr td.td__name ul.ul__parametric--parts, #user-inventory-products .partlist table tbody tr td.td__name ul.ul__parametric--parts, #userbuild-pick-partlist .partlist table tbody tr td.td__name ul.ul__parametric--parts, #buildguide-view .partlist table tbody tr td.td__name ul.ul__parametric--parts {
      margin-top: calc(0.5rem / 2); }
      #partlist .partlist table tbody tr td.td__name ul.ul__parametric--parts li a, #user-saved-partlists .partlist table tbody tr td.td__name ul.ul__parametric--parts li a, #user-completed-builds .partlist table tbody tr td.td__name ul.ul__parametric--parts li a, #user-favorite-products .partlist table tbody tr td.td__name ul.ul__parametric--parts li a, #user-inventory-products .partlist table tbody tr td.td__name ul.ul__parametric--parts li a, #userbuild-pick-partlist .partlist table tbody tr td.td__name ul.ul__parametric--parts li a, #buildguide-view .partlist table tbody tr td.td__name ul.ul__parametric--parts li a {
        font-size: 0.75rem; }
  #partlist .partlist table tbody tr td.td__swap, #user-saved-partlists .partlist table tbody tr td.td__swap, #user-completed-builds .partlist table tbody tr td.td__swap, #user-favorite-products .partlist table tbody tr td.td__swap, #user-inventory-products .partlist table tbody tr td.td__swap, #userbuild-pick-partlist .partlist table tbody tr td.td__swap, #buildguide-view .partlist table tbody tr td.td__swap {
    position: relative; }
    #partlist .partlist table tbody tr td.td__swap a, #user-saved-partlists .partlist table tbody tr td.td__swap a, #user-completed-builds .partlist table tbody tr td.td__swap a, #user-favorite-products .partlist table tbody tr td.td__swap a, #user-inventory-products .partlist table tbody tr td.td__swap a, #userbuild-pick-partlist .partlist table tbody tr td.td__swap a, #buildguide-view .partlist table tbody tr td.td__swap a {
      position: absolute;
      top: -17px;
      font-size: 0.75rem; }
  @media only screen and (max-width: 1049px) {
    #partlist .partlist table tbody tr td.td__placement--empty, #user-saved-partlists .partlist table tbody tr td.td__placement--empty, #user-completed-builds .partlist table tbody tr td.td__placement--empty, #user-favorite-products .partlist table tbody tr td.td__placement--empty, #user-inventory-products .partlist table tbody tr td.td__placement--empty, #userbuild-pick-partlist .partlist table tbody tr td.td__placement--empty, #buildguide-view .partlist table tbody tr td.td__placement--empty {
      display: none; } }
  #partlist .partlist table tbody tr td.td__placement, #user-saved-partlists .partlist table tbody tr td.td__placement, #user-completed-builds .partlist table tbody tr td.td__placement, #user-favorite-products .partlist table tbody tr td.td__placement, #user-inventory-products .partlist table tbody tr td.td__placement, #userbuild-pick-partlist .partlist table tbody tr td.td__placement, #buildguide-view .partlist table tbody tr td.td__placement {
    justify-self: center;
    text-align: center; }
    @media only screen and (max-width: 1049px) {
      #partlist .partlist table tbody tr td.td__placement, #user-saved-partlists .partlist table tbody tr td.td__placement, #user-completed-builds .partlist table tbody tr td.td__placement, #user-favorite-products .partlist table tbody tr td.td__placement, #user-inventory-products .partlist table tbody tr td.td__placement, #userbuild-pick-partlist .partlist table tbody tr td.td__placement, #buildguide-view .partlist table tbody tr td.td__placement {
        grid-column: 1/10;
        padding-right: 0; } }
    @media only screen and (max-width: 767px) {
      #partlist .partlist table tbody tr td.td__placement, #user-saved-partlists .partlist table tbody tr td.td__placement, #user-completed-builds .partlist table tbody tr td.td__placement, #user-favorite-products .partlist table tbody tr td.td__placement, #user-inventory-products .partlist table tbody tr td.td__placement, #userbuild-pick-partlist .partlist table tbody tr td.td__placement, #buildguide-view .partlist table tbody tr td.td__placement {
        grid-column: 1/5; } }
    #partlist .partlist table tbody tr td.td__placement .placement, #user-saved-partlists .partlist table tbody tr td.td__placement .placement, #user-completed-builds .partlist table tbody tr td.td__placement .placement, #user-favorite-products .partlist table tbody tr td.td__placement .placement, #user-inventory-products .partlist table tbody tr td.td__placement .placement, #userbuild-pick-partlist .partlist table tbody tr td.td__placement .placement, #buildguide-view .partlist table tbody tr td.td__placement .placement {
      display: inline-block;
      padding: 1px 5px;
      font-size: 9px;
      font-weight: 700;
      text-transform: uppercase;
      border-radius: 10px; }
      .light-mode #partlist .partlist table tbody tr td.td__placement .placement, .light-mode #user-saved-partlists .partlist table tbody tr td.td__placement .placement, .light-mode #user-completed-builds .partlist table tbody tr td.td__placement .placement, .light-mode #user-favorite-products .partlist table tbody tr td.td__placement .placement, .light-mode #user-inventory-products .partlist table tbody tr td.td__placement .placement, .light-mode #userbuild-pick-partlist .partlist table tbody tr td.td__placement .placement, .light-mode #buildguide-view .partlist table tbody tr td.td__placement .placement {
        color: #ffffff;
        background-color: #26293c; }
      .dark-mode #partlist .partlist table tbody tr td.td__placement .placement, .dark-mode #user-saved-partlists .partlist table tbody tr td.td__placement .placement, .dark-mode #user-completed-builds .partlist table tbody tr td.td__placement .placement, .dark-mode #user-favorite-products .partlist table tbody tr td.td__placement .placement, .dark-mode #user-inventory-products .partlist table tbody tr td.td__placement .placement, .dark-mode #userbuild-pick-partlist .partlist table tbody tr td.td__placement .placement, .dark-mode #buildguide-view .partlist table tbody tr td.td__placement .placement {
        color: #09090F;
        background-color: #B8B8C8; }
  #partlist .partlist table tbody tr td.td__promo, #user-saved-partlists .partlist table tbody tr td.td__promo, #user-completed-builds .partlist table tbody tr td.td__promo, #user-favorite-products .partlist table tbody tr td.td__promo, #user-inventory-products .partlist table tbody tr td.td__promo, #userbuild-pick-partlist .partlist table tbody tr td.td__promo, #buildguide-view .partlist table tbody tr td.td__promo {
    white-space: nowrap; }
    .light-mode #partlist .partlist table tbody tr td.td__promo a, .light-mode #user-saved-partlists .partlist table tbody tr td.td__promo a, .light-mode #user-completed-builds .partlist table tbody tr td.td__promo a, .light-mode #user-favorite-products .partlist table tbody tr td.td__promo a, .light-mode #user-inventory-products .partlist table tbody tr td.td__promo a, .light-mode #userbuild-pick-partlist .partlist table tbody tr td.td__promo a, .light-mode #buildguide-view .partlist table tbody tr td.td__promo a {
      color: #00b16a; }
    .dark-mode #partlist .partlist table tbody tr td.td__promo a, .dark-mode #user-saved-partlists .partlist table tbody tr td.td__promo a, .dark-mode #user-completed-builds .partlist table tbody tr td.td__promo a, .dark-mode #user-favorite-products .partlist table tbody tr td.td__promo a, .dark-mode #user-inventory-products .partlist table tbody tr td.td__promo a, .dark-mode #userbuild-pick-partlist .partlist table tbody tr td.td__promo a, .dark-mode #buildguide-view .partlist table tbody tr td.td__promo a {
      color: #26AD84; }
    #partlist .partlist table tbody tr td.td__promo a sup, #user-saved-partlists .partlist table tbody tr td.td__promo a sup, #user-completed-builds .partlist table tbody tr td.td__promo a sup, #user-favorite-products .partlist table tbody tr td.td__promo a sup, #user-inventory-products .partlist table tbody tr td.td__promo a sup, #userbuild-pick-partlist .partlist table tbody tr td.td__promo a sup, #buildguide-view .partlist table tbody tr td.td__promo a sup {
      font-size: 9px;
      font-weight: 700; }
    .light-mode #partlist .partlist table tbody tr td.td__promo a:hover, .light-mode #user-saved-partlists .partlist table tbody tr td.td__promo a:hover, .light-mode #user-completed-builds .partlist table tbody tr td.td__promo a:hover, .light-mode #user-favorite-products .partlist table tbody tr td.td__promo a:hover, .light-mode #user-inventory-products .partlist table tbody tr td.td__promo a:hover, .light-mode #userbuild-pick-partlist .partlist table tbody tr td.td__promo a:hover, .light-mode #buildguide-view .partlist table tbody tr td.td__promo a:hover {
      color: #d9d9d9; }
    .dark-mode #partlist .partlist table tbody tr td.td__promo a:hover, .dark-mode #user-saved-partlists .partlist table tbody tr td.td__promo a:hover, .dark-mode #user-completed-builds .partlist table tbody tr td.td__promo a:hover, .dark-mode #user-favorite-products .partlist table tbody tr td.td__promo a:hover, .dark-mode #user-inventory-products .partlist table tbody tr td.td__promo a:hover, .dark-mode #userbuild-pick-partlist .partlist table tbody tr td.td__promo a:hover, .dark-mode #buildguide-view .partlist table tbody tr td.td__promo a:hover {
      color: black; }
  #partlist .partlist table tbody tr td.td__shipping img, #user-saved-partlists .partlist table tbody tr td.td__shipping img, #user-completed-builds .partlist table tbody tr td.td__shipping img, #user-favorite-products .partlist table tbody tr td.td__shipping img, #user-inventory-products .partlist table tbody tr td.td__shipping img, #userbuild-pick-partlist .partlist table tbody tr td.td__shipping img, #buildguide-view .partlist table tbody tr td.td__shipping img {
    width: 48px; }
  #partlist .partlist table tbody tr td.td__price, #user-saved-partlists .partlist table tbody tr td.td__price, #user-completed-builds .partlist table tbody tr td.td__price, #user-favorite-products .partlist table tbody tr td.td__price, #user-inventory-products .partlist table tbody tr td.td__price, #userbuild-pick-partlist .partlist table tbody tr td.td__price, #buildguide-view .partlist table tbody tr td.td__price {
    font-weight: 700;
    font-size: 0.875rem;
    padding-right: 1rem; }
    .light-mode #partlist .partlist table tbody tr td.td__price, .light-mode #user-saved-partlists .partlist table tbody tr td.td__price, .light-mode #user-completed-builds .partlist table tbody tr td.td__price, .light-mode #user-favorite-products .partlist table tbody tr td.td__price, .light-mode #user-inventory-products .partlist table tbody tr td.td__price, .light-mode #userbuild-pick-partlist .partlist table tbody tr td.td__price, .light-mode #buildguide-view .partlist table tbody tr td.td__price {
      color: #191b2b; }
    .dark-mode #partlist .partlist table tbody tr td.td__price, .dark-mode #user-saved-partlists .partlist table tbody tr td.td__price, .dark-mode #user-completed-builds .partlist table tbody tr td.td__price, .dark-mode #user-favorite-products .partlist table tbody tr td.td__price, .dark-mode #user-inventory-products .partlist table tbody tr td.td__price, .dark-mode #userbuild-pick-partlist .partlist table tbody tr td.td__price, .dark-mode #buildguide-view .partlist table tbody tr td.td__price {
      color: #EEEEF3; }
    .light-mode #partlist .partlist table tbody tr td.td__price a, .light-mode #user-saved-partlists .partlist table tbody tr td.td__price a, .light-mode #user-completed-builds .partlist table tbody tr td.td__price a, .light-mode #user-favorite-products .partlist table tbody tr td.td__price a, .light-mode #user-inventory-products .partlist table tbody tr td.td__price a, .light-mode #userbuild-pick-partlist .partlist table tbody tr td.td__price a, .light-mode #buildguide-view .partlist table tbody tr td.td__price a {
      color: #00b16a; }
    .dark-mode #partlist .partlist table tbody tr td.td__price a, .dark-mode #user-saved-partlists .partlist table tbody tr td.td__price a, .dark-mode #user-completed-builds .partlist table tbody tr td.td__price a, .dark-mode #user-favorite-products .partlist table tbody tr td.td__price a, .dark-mode #user-inventory-products .partlist table tbody tr td.td__price a, .dark-mode #userbuild-pick-partlist .partlist table tbody tr td.td__price a, .dark-mode #buildguide-view .partlist table tbody tr td.td__price a {
      color: #26AD84; }
  #partlist .partlist table tbody tr td.td__price--none, #user-saved-partlists .partlist table tbody tr td.td__price--none, #user-completed-builds .partlist table tbody tr td.td__price--none, #user-favorite-products .partlist table tbody tr td.td__price--none, #user-inventory-products .partlist table tbody tr td.td__price--none, #userbuild-pick-partlist .partlist table tbody tr td.td__price--none, #buildguide-view .partlist table tbody tr td.td__price--none {
    font-size: 0.6875rem;
    font-weight: normal;
    line-height: 1.125; }
    @media only screen and (min-width: 1050px) {
      #partlist .partlist table tbody tr td.td__price--none span, #user-saved-partlists .partlist table tbody tr td.td__price--none span, #user-completed-builds .partlist table tbody tr td.td__price--none span, #user-favorite-products .partlist table tbody tr td.td__price--none span, #user-inventory-products .partlist table tbody tr td.td__price--none span, #userbuild-pick-partlist .partlist table tbody tr td.td__price--none span, #buildguide-view .partlist table tbody tr td.td__price--none span {
        display: block; } }
  #partlist .partlist table tbody tr td.td__where, #user-saved-partlists .partlist table tbody tr td.td__where, #user-completed-builds .partlist table tbody tr td.td__where, #user-favorite-products .partlist table tbody tr td.td__where, #user-inventory-products .partlist table tbody tr td.td__where, #userbuild-pick-partlist .partlist table tbody tr td.td__where, #buildguide-view .partlist table tbody tr td.td__where {
    padding-right: 1rem; }
    #partlist .partlist table tbody tr td.td__where a, #user-saved-partlists .partlist table tbody tr td.td__where a, #user-completed-builds .partlist table tbody tr td.td__where a, #user-favorite-products .partlist table tbody tr td.td__where a, #user-inventory-products .partlist table tbody tr td.td__where a, #userbuild-pick-partlist .partlist table tbody tr td.td__where a, #buildguide-view .partlist table tbody tr td.td__where a {
      display: block;
      overflow: hidden;
      width: 64px;
      height: 23px; }
      @media only screen and (max-width: 767px) {
        #partlist .partlist table tbody tr td.td__where a, #user-saved-partlists .partlist table tbody tr td.td__where a, #user-completed-builds .partlist table tbody tr td.td__where a, #user-favorite-products .partlist table tbody tr td.td__where a, #user-inventory-products .partlist table tbody tr td.td__where a, #userbuild-pick-partlist .partlist table tbody tr td.td__where a, #buildguide-view .partlist table tbody tr td.td__where a {
          width: 81px;
          height: 29px; } }
      #partlist .partlist table tbody tr td.td__where a img, #user-saved-partlists .partlist table tbody tr td.td__where a img, #user-completed-builds .partlist table tbody tr td.td__where a img, #user-favorite-products .partlist table tbody tr td.td__where a img, #user-inventory-products .partlist table tbody tr td.td__where a img, #userbuild-pick-partlist .partlist table tbody tr td.td__where a img, #buildguide-view .partlist table tbody tr td.td__where a img {
        position: relative;
        width: 64px;
        max-width: none; }
        .light-mode #partlist .partlist table tbody tr td.td__where a img, .light-mode #user-saved-partlists .partlist table tbody tr td.td__where a img, .light-mode #user-completed-builds .partlist table tbody tr td.td__where a img, .light-mode #user-favorite-products .partlist table tbody tr td.td__where a img, .light-mode #user-inventory-products .partlist table tbody tr td.td__where a img, .light-mode #userbuild-pick-partlist .partlist table tbody tr td.td__where a img, .light-mode #buildguide-view .partlist table tbody tr td.td__where a img {
          top: 0px; }
        .dark-mode #partlist .partlist table tbody tr td.td__where a img, .dark-mode #user-saved-partlists .partlist table tbody tr td.td__where a img, .dark-mode #user-completed-builds .partlist table tbody tr td.td__where a img, .dark-mode #user-favorite-products .partlist table tbody tr td.td__where a img, .dark-mode #user-inventory-products .partlist table tbody tr td.td__where a img, .dark-mode #userbuild-pick-partlist .partlist table tbody tr td.td__where a img, .dark-mode #buildguide-view .partlist table tbody tr td.td__where a img {
          top: -100%; }
        @media only screen and (max-width: 767px) {
          #partlist .partlist table tbody tr td.td__where a img, #user-saved-partlists .partlist table tbody tr td.td__where a img, #user-completed-builds .partlist table tbody tr td.td__where a img, #user-favorite-products .partlist table tbody tr td.td__where a img, #user-inventory-products .partlist table tbody tr td.td__where a img, #userbuild-pick-partlist .partlist table tbody tr td.td__where a img, #buildguide-view .partlist table tbody tr td.td__where a img {
            width: 81px; } }
    #partlist .partlist table tbody tr td.td__where.td__where--purchased, #user-saved-partlists .partlist table tbody tr td.td__where.td__where--purchased, #user-completed-builds .partlist table tbody tr td.td__where.td__where--purchased, #user-favorite-products .partlist table tbody tr td.td__where.td__where--purchased, #user-inventory-products .partlist table tbody tr td.td__where.td__where--purchased, #userbuild-pick-partlist .partlist table tbody tr td.td__where.td__where--purchased, #buildguide-view .partlist table tbody tr td.td__where.td__where--purchased {
      font-size: 0.75rem; }
      #partlist .partlist table tbody tr td.td__where.td__where--purchased h6, #user-saved-partlists .partlist table tbody tr td.td__where.td__where--purchased h6, #user-completed-builds .partlist table tbody tr td.td__where.td__where--purchased h6, #user-favorite-products .partlist table tbody tr td.td__where.td__where--purchased h6, #user-inventory-products .partlist table tbody tr td.td__where.td__where--purchased h6, #userbuild-pick-partlist .partlist table tbody tr td.td__where.td__where--purchased h6, #buildguide-view .partlist table tbody tr td.td__where.td__where--purchased h6 {
        font-style: normal; }
    #partlist .partlist table tbody tr td.td__where.td__where--overridden p, #user-saved-partlists .partlist table tbody tr td.td__where.td__where--overridden p, #user-completed-builds .partlist table tbody tr td.td__where.td__where--overridden p, #user-favorite-products .partlist table tbody tr td.td__where.td__where--overridden p, #user-inventory-products .partlist table tbody tr td.td__where.td__where--overridden p, #userbuild-pick-partlist .partlist table tbody tr td.td__where.td__where--overridden p, #buildguide-view .partlist table tbody tr td.td__where.td__where--overridden p {
      font-style: italic;
      display: inline-block;
      margin-left: 0.5rem; }
      @media only screen and (min-width: 1050px) {
        #partlist .partlist table tbody tr td.td__where.td__where--overridden p, #user-saved-partlists .partlist table tbody tr td.td__where.td__where--overridden p, #user-completed-builds .partlist table tbody tr td.td__where.td__where--overridden p, #user-favorite-products .partlist table tbody tr td.td__where.td__where--overridden p, #user-inventory-products .partlist table tbody tr td.td__where.td__where--overridden p, #userbuild-pick-partlist .partlist table tbody tr td.td__where.td__where--overridden p, #buildguide-view .partlist table tbody tr td.td__where.td__where--overridden p {
          display: block;
          margin-left: 0;
          margin-top: calc(0.5rem / 2); } }
  #partlist .partlist table tbody tr td.td__settings, #user-saved-partlists .partlist table tbody tr td.td__settings, #user-completed-builds .partlist table tbody tr td.td__settings, #user-favorite-products .partlist table tbody tr td.td__settings, #user-inventory-products .partlist table tbody tr td.td__settings, #userbuild-pick-partlist .partlist table tbody tr td.td__settings, #buildguide-view .partlist table tbody tr td.td__settings {
    padding-right: 1rem; }
    @media only screen and (max-width: 767px) {
      #partlist .partlist table tbody tr td.td__settings, #user-saved-partlists .partlist table tbody tr td.td__settings, #user-completed-builds .partlist table tbody tr td.td__settings, #user-favorite-products .partlist table tbody tr td.td__settings, #user-inventory-products .partlist table tbody tr td.td__settings, #userbuild-pick-partlist .partlist table tbody tr td.td__settings, #buildguide-view .partlist table tbody tr td.td__settings {
        display: none; } }
    #partlist .partlist table tbody tr td.td__settings svg, #user-saved-partlists .partlist table tbody tr td.td__settings svg, #user-completed-builds .partlist table tbody tr td.td__settings svg, #user-favorite-products .partlist table tbody tr td.td__settings svg, #user-inventory-products .partlist table tbody tr td.td__settings svg, #userbuild-pick-partlist .partlist table tbody tr td.td__settings svg, #buildguide-view .partlist table tbody tr td.td__settings svg {
      margin-bottom: -4px;
      transition: fill 0.45s cubic-bezier(0.165, 0.84, 0.44, 1); }
      .light-mode #partlist .partlist table tbody tr td.td__settings svg, .light-mode #user-saved-partlists .partlist table tbody tr td.td__settings svg, .light-mode #user-completed-builds .partlist table tbody tr td.td__settings svg, .light-mode #user-favorite-products .partlist table tbody tr td.td__settings svg, .light-mode #user-inventory-products .partlist table tbody tr td.td__settings svg, .light-mode #userbuild-pick-partlist .partlist table tbody tr td.td__settings svg, .light-mode #buildguide-view .partlist table tbody tr td.td__settings svg {
        fill: #929292; }
      .dark-mode #partlist .partlist table tbody tr td.td__settings svg, .dark-mode #user-saved-partlists .partlist table tbody tr td.td__settings svg, .dark-mode #user-completed-builds .partlist table tbody tr td.td__settings svg, .dark-mode #user-favorite-products .partlist table tbody tr td.td__settings svg, .dark-mode #user-inventory-products .partlist table tbody tr td.td__settings svg, .dark-mode #userbuild-pick-partlist .partlist table tbody tr td.td__settings svg, .dark-mode #buildguide-view .partlist table tbody tr td.td__settings svg {
        fill: #717184; }
      #partlist .partlist table tbody tr td.td__settings svg:hover, #user-saved-partlists .partlist table tbody tr td.td__settings svg:hover, #user-completed-builds .partlist table tbody tr td.td__settings svg:hover, #user-favorite-products .partlist table tbody tr td.td__settings svg:hover, #user-inventory-products .partlist table tbody tr td.td__settings svg:hover, #userbuild-pick-partlist .partlist table tbody tr td.td__settings svg:hover, #buildguide-view .partlist table tbody tr td.td__settings svg:hover {
        transition: fill 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
        .light-mode #partlist .partlist table tbody tr td.td__settings svg:hover, .light-mode #user-saved-partlists .partlist table tbody tr td.td__settings svg:hover, .light-mode #user-completed-builds .partlist table tbody tr td.td__settings svg:hover, .light-mode #user-favorite-products .partlist table tbody tr td.td__settings svg:hover, .light-mode #user-inventory-products .partlist table tbody tr td.td__settings svg:hover, .light-mode #userbuild-pick-partlist .partlist table tbody tr td.td__settings svg:hover, .light-mode #buildguide-view .partlist table tbody tr td.td__settings svg:hover {
          fill: #2c85c5; }
        .dark-mode #partlist .partlist table tbody tr td.td__settings svg:hover, .dark-mode #user-saved-partlists .partlist table tbody tr td.td__settings svg:hover, .dark-mode #user-completed-builds .partlist table tbody tr td.td__settings svg:hover, .dark-mode #user-favorite-products .partlist table tbody tr td.td__settings svg:hover, .dark-mode #user-inventory-products .partlist table tbody tr td.td__settings svg:hover, .dark-mode #userbuild-pick-partlist .partlist table tbody tr td.td__settings svg:hover, .dark-mode #buildguide-view .partlist table tbody tr td.td__settings svg:hover {
          fill: #74baff; }
  #partlist .partlist table tbody tr td.td__locked, #user-saved-partlists .partlist table tbody tr td.td__locked, #user-completed-builds .partlist table tbody tr td.td__locked, #user-favorite-products .partlist table tbody tr td.td__locked, #user-inventory-products .partlist table tbody tr td.td__locked, #userbuild-pick-partlist .partlist table tbody tr td.td__locked, #buildguide-view .partlist table tbody tr td.td__locked {
    padding-right: 1rem; }
    @media only screen and (max-width: 767px) {
      #partlist .partlist table tbody tr td.td__locked, #user-saved-partlists .partlist table tbody tr td.td__locked, #user-completed-builds .partlist table tbody tr td.td__locked, #user-favorite-products .partlist table tbody tr td.td__locked, #user-inventory-products .partlist table tbody tr td.td__locked, #userbuild-pick-partlist .partlist table tbody tr td.td__locked, #buildguide-view .partlist table tbody tr td.td__locked {
        display: none; } }
    #partlist .partlist table tbody tr td.td__locked svg, #user-saved-partlists .partlist table tbody tr td.td__locked svg, #user-completed-builds .partlist table tbody tr td.td__locked svg, #user-favorite-products .partlist table tbody tr td.td__locked svg, #user-inventory-products .partlist table tbody tr td.td__locked svg, #userbuild-pick-partlist .partlist table tbody tr td.td__locked svg, #buildguide-view .partlist table tbody tr td.td__locked svg {
      margin-bottom: -4px;
      transition: fill 0.45s cubic-bezier(0.165, 0.84, 0.44, 1); }
      .light-mode #partlist .partlist table tbody tr td.td__locked svg, .light-mode #user-saved-partlists .partlist table tbody tr td.td__locked svg, .light-mode #user-completed-builds .partlist table tbody tr td.td__locked svg, .light-mode #user-favorite-products .partlist table tbody tr td.td__locked svg, .light-mode #user-inventory-products .partlist table tbody tr td.td__locked svg, .light-mode #userbuild-pick-partlist .partlist table tbody tr td.td__locked svg, .light-mode #buildguide-view .partlist table tbody tr td.td__locked svg {
        fill: #929292; }
      .dark-mode #partlist .partlist table tbody tr td.td__locked svg, .dark-mode #user-saved-partlists .partlist table tbody tr td.td__locked svg, .dark-mode #user-completed-builds .partlist table tbody tr td.td__locked svg, .dark-mode #user-favorite-products .partlist table tbody tr td.td__locked svg, .dark-mode #user-inventory-products .partlist table tbody tr td.td__locked svg, .dark-mode #userbuild-pick-partlist .partlist table tbody tr td.td__locked svg, .dark-mode #buildguide-view .partlist table tbody tr td.td__locked svg {
        fill: #717184; }
      #partlist .partlist table tbody tr td.td__locked svg:hover, #user-saved-partlists .partlist table tbody tr td.td__locked svg:hover, #user-completed-builds .partlist table tbody tr td.td__locked svg:hover, #user-favorite-products .partlist table tbody tr td.td__locked svg:hover, #user-inventory-products .partlist table tbody tr td.td__locked svg:hover, #userbuild-pick-partlist .partlist table tbody tr td.td__locked svg:hover, #buildguide-view .partlist table tbody tr td.td__locked svg:hover {
        transition: fill 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
        .light-mode #partlist .partlist table tbody tr td.td__locked svg:hover, .light-mode #user-saved-partlists .partlist table tbody tr td.td__locked svg:hover, .light-mode #user-completed-builds .partlist table tbody tr td.td__locked svg:hover, .light-mode #user-favorite-products .partlist table tbody tr td.td__locked svg:hover, .light-mode #user-inventory-products .partlist table tbody tr td.td__locked svg:hover, .light-mode #userbuild-pick-partlist .partlist table tbody tr td.td__locked svg:hover, .light-mode #buildguide-view .partlist table tbody tr td.td__locked svg:hover {
          fill: #2c85c5; }
        .dark-mode #partlist .partlist table tbody tr td.td__locked svg:hover, .dark-mode #user-saved-partlists .partlist table tbody tr td.td__locked svg:hover, .dark-mode #user-completed-builds .partlist table tbody tr td.td__locked svg:hover, .dark-mode #user-favorite-products .partlist table tbody tr td.td__locked svg:hover, .dark-mode #user-inventory-products .partlist table tbody tr td.td__locked svg:hover, .dark-mode #userbuild-pick-partlist .partlist table tbody tr td.td__locked svg:hover, .dark-mode #buildguide-view .partlist table tbody tr td.td__locked svg:hover {
          fill: #74baff; }
  #partlist .partlist table tbody tr td.td__buy, #user-saved-partlists .partlist table tbody tr td.td__buy, #user-completed-builds .partlist table tbody tr td.td__buy, #user-favorite-products .partlist table tbody tr td.td__buy, #user-inventory-products .partlist table tbody tr td.td__buy, #userbuild-pick-partlist .partlist table tbody tr td.td__buy, #buildguide-view .partlist table tbody tr td.td__buy {
    padding-right: 0.5rem; }
    @media only screen and (max-width: 1049px) {
      #partlist .partlist table tbody tr td.td__buy, #user-saved-partlists .partlist table tbody tr td.td__buy, #user-completed-builds .partlist table tbody tr td.td__buy, #user-favorite-products .partlist table tbody tr td.td__buy, #user-inventory-products .partlist table tbody tr td.td__buy, #userbuild-pick-partlist .partlist table tbody tr td.td__buy, #buildguide-view .partlist table tbody tr td.td__buy {
        padding-right: 0; } }
  #partlist .partlist table tbody tr td.td__settingsButton, #user-saved-partlists .partlist table tbody tr td.td__settingsButton, #user-completed-builds .partlist table tbody tr td.td__settingsButton, #user-favorite-products .partlist table tbody tr td.td__settingsButton, #user-inventory-products .partlist table tbody tr td.td__settingsButton, #userbuild-pick-partlist .partlist table tbody tr td.td__settingsButton, #buildguide-view .partlist table tbody tr td.td__settingsButton {
    padding-right: 0;
    display: inline-block; }
    @media only screen and (min-width: 768px) {
      #partlist .partlist table tbody tr td.td__settingsButton, #user-saved-partlists .partlist table tbody tr td.td__settingsButton, #user-completed-builds .partlist table tbody tr td.td__settingsButton, #user-favorite-products .partlist table tbody tr td.td__settingsButton, #user-inventory-products .partlist table tbody tr td.td__settingsButton, #userbuild-pick-partlist .partlist table tbody tr td.td__settingsButton, #buildguide-view .partlist table tbody tr td.td__settingsButton {
        display: none; } }
    #partlist .partlist table tbody tr td.td__settingsButton a.button, #user-saved-partlists .partlist table tbody tr td.td__settingsButton a.button, #user-completed-builds .partlist table tbody tr td.td__settingsButton a.button, #user-favorite-products .partlist table tbody tr td.td__settingsButton a.button, #user-inventory-products .partlist table tbody tr td.td__settingsButton a.button, #userbuild-pick-partlist .partlist table tbody tr td.td__settingsButton a.button, #buildguide-view .partlist table tbody tr td.td__settingsButton a.button {
      width: 100%; }
  #partlist .partlist table tbody tr td.td__removeButton, #user-saved-partlists .partlist table tbody tr td.td__removeButton, #user-completed-builds .partlist table tbody tr td.td__removeButton, #user-favorite-products .partlist table tbody tr td.td__removeButton, #user-inventory-products .partlist table tbody tr td.td__removeButton, #userbuild-pick-partlist .partlist table tbody tr td.td__removeButton, #buildguide-view .partlist table tbody tr td.td__removeButton {
    padding-right: 0;
    float: right;
    display: inline-block; }
    @media only screen and (min-width: 768px) {
      #partlist .partlist table tbody tr td.td__removeButton, #user-saved-partlists .partlist table tbody tr td.td__removeButton, #user-completed-builds .partlist table tbody tr td.td__removeButton, #user-favorite-products .partlist table tbody tr td.td__removeButton, #user-inventory-products .partlist table tbody tr td.td__removeButton, #userbuild-pick-partlist .partlist table tbody tr td.td__removeButton, #buildguide-view .partlist table tbody tr td.td__removeButton {
        display: none; } }
    #partlist .partlist table tbody tr td.td__removeButton a.button, #user-saved-partlists .partlist table tbody tr td.td__removeButton a.button, #user-completed-builds .partlist table tbody tr td.td__removeButton a.button, #user-favorite-products .partlist table tbody tr td.td__removeButton a.button, #user-inventory-products .partlist table tbody tr td.td__removeButton a.button, #userbuild-pick-partlist .partlist table tbody tr td.td__removeButton a.button, #buildguide-view .partlist table tbody tr td.td__removeButton a.button {
      width: 100%; }
  @media only screen and (max-width: 767px) {
    #partlist .partlist table tbody tr td.td__remove, #user-saved-partlists .partlist table tbody tr td.td__remove, #user-completed-builds .partlist table tbody tr td.td__remove, #user-favorite-products .partlist table tbody tr td.td__remove, #user-inventory-products .partlist table tbody tr td.td__remove, #userbuild-pick-partlist .partlist table tbody tr td.td__remove, #buildguide-view .partlist table tbody tr td.td__remove {
      display: none; } }
#partlist .partlist--merchant, #user-saved-partlists .partlist--merchant, #user-completed-builds .partlist--merchant, #user-favorite-products .partlist--merchant, #user-inventory-products .partlist--merchant, #userbuild-pick-partlist .partlist--merchant, #buildguide-view .partlist--merchant {
  padding: 3rem 0; }
  @media only screen and (min-width: 1050px) {
    #partlist .partlist--merchant, #user-saved-partlists .partlist--merchant, #user-completed-builds .partlist--merchant, #user-favorite-products .partlist--merchant, #user-inventory-products .partlist--merchant, #userbuild-pick-partlist .partlist--merchant, #buildguide-view .partlist--merchant {
      padding: 0; } }
  #partlist .partlist--merchant .merchant__header--btn, #user-saved-partlists .partlist--merchant .merchant__header--btn, #user-completed-builds .partlist--merchant .merchant__header--btn, #user-favorite-products .partlist--merchant .merchant__header--btn, #user-inventory-products .partlist--merchant .merchant__header--btn, #userbuild-pick-partlist .partlist--merchant .merchant__header--btn, #buildguide-view .partlist--merchant .merchant__header--btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.5rem; }
  #partlist .partlist--merchant .merchant, #user-saved-partlists .partlist--merchant .merchant, #user-completed-builds .partlist--merchant .merchant, #user-favorite-products .partlist--merchant .merchant, #user-inventory-products .partlist--merchant .merchant, #userbuild-pick-partlist .partlist--merchant .merchant, #buildguide-view .partlist--merchant .merchant {
    display: block;
    overflow: hidden;
    width: 100px;
    height: 36px; }
    #partlist .partlist--merchant .merchant img, #user-saved-partlists .partlist--merchant .merchant img, #user-completed-builds .partlist--merchant .merchant img, #user-favorite-products .partlist--merchant .merchant img, #user-inventory-products .partlist--merchant .merchant img, #userbuild-pick-partlist .partlist--merchant .merchant img, #buildguide-view .partlist--merchant .merchant img {
      position: relative;
      width: 100px; }
      .light-mode #partlist .partlist--merchant .merchant img, .light-mode #user-saved-partlists .partlist--merchant .merchant img, .light-mode #user-completed-builds .partlist--merchant .merchant img, .light-mode #user-favorite-products .partlist--merchant .merchant img, .light-mode #user-inventory-products .partlist--merchant .merchant img, .light-mode #userbuild-pick-partlist .partlist--merchant .merchant img, .light-mode #buildguide-view .partlist--merchant .merchant img {
        top: 0px; }
      .dark-mode #partlist .partlist--merchant .merchant img, .dark-mode #user-saved-partlists .partlist--merchant .merchant img, .dark-mode #user-completed-builds .partlist--merchant .merchant img, .dark-mode #user-favorite-products .partlist--merchant .merchant img, .dark-mode #user-inventory-products .partlist--merchant .merchant img, .dark-mode #userbuild-pick-partlist .partlist--merchant .merchant img, .dark-mode #buildguide-view .partlist--merchant .merchant img {
        top: -100%; }
  #partlist .partlist--merchant table tbody tr td, #user-saved-partlists .partlist--merchant table tbody tr td, #user-completed-builds .partlist--merchant table tbody tr td, #user-favorite-products .partlist--merchant table tbody tr td, #user-inventory-products .partlist--merchant table tbody tr td, #userbuild-pick-partlist .partlist--merchant table tbody tr td, #buildguide-view .partlist--merchant table tbody tr td {
    height: 60px; }
  @media only screen and (min-width: 768px) {
    #partlist .partlist--merchant table tbody tr .td__name, #user-saved-partlists .partlist--merchant table tbody tr .td__name, #user-completed-builds .partlist--merchant table tbody tr .td__name, #user-favorite-products .partlist--merchant table tbody tr .td__name, #user-inventory-products .partlist--merchant table tbody tr .td__name, #userbuild-pick-partlist .partlist--merchant table tbody tr .td__name, #buildguide-view .partlist--merchant table tbody tr .td__name {
      width: 41.6666666667%; } }
  #partlist .partlist--merchant table tbody tr .td__priceMore, #user-saved-partlists .partlist--merchant table tbody tr .td__priceMore, #user-completed-builds .partlist--merchant table tbody tr .td__priceMore, #user-favorite-products .partlist--merchant table tbody tr .td__priceMore, #user-inventory-products .partlist--merchant table tbody tr .td__priceMore, #userbuild-pick-partlist .partlist--merchant table tbody tr .td__priceMore, #buildguide-view .partlist--merchant table tbody tr .td__priceMore {
    width: 120px;
    line-height: 1.125; }

#partlist .partlist__notes li, #user-saved-partlists .partlist__notes li, #user-completed-builds .partlist__notes li, #user-favorite-products .partlist__notes li, #user-inventory-products .partlist__notes li, #userbuild-pick-partlist .partlist__notes li, #buildguide-view .partlist__notes li {
  font-size: 0.875rem;
  margin-bottom: 0.5rem; }

#partlist #compatibility_notes ul li, #partlist #unknown_compatibility ul li, #user-saved-partlists #compatibility_notes ul li, #user-saved-partlists #unknown_compatibility ul li, #user-completed-builds #compatibility_notes ul li, #user-completed-builds #unknown_compatibility ul li, #user-favorite-products #compatibility_notes ul li, #user-favorite-products #unknown_compatibility ul li, #user-inventory-products #compatibility_notes ul li, #user-inventory-products #unknown_compatibility ul li, #userbuild-pick-partlist #compatibility_notes ul li, #userbuild-pick-partlist #unknown_compatibility ul li, #buildguide-view #compatibility_notes ul li, #buildguide-view #unknown_compatibility ul li {
  font-size: 0.875rem;
  margin-bottom: 0.5rem; }
  #partlist #compatibility_notes ul li svg, #partlist #unknown_compatibility ul li svg, #user-saved-partlists #compatibility_notes ul li svg, #user-saved-partlists #unknown_compatibility ul li svg, #user-completed-builds #compatibility_notes ul li svg, #user-completed-builds #unknown_compatibility ul li svg, #user-favorite-products #compatibility_notes ul li svg, #user-favorite-products #unknown_compatibility ul li svg, #user-inventory-products #compatibility_notes ul li svg, #user-inventory-products #unknown_compatibility ul li svg, #userbuild-pick-partlist #compatibility_notes ul li svg, #userbuild-pick-partlist #unknown_compatibility ul li svg, #buildguide-view #compatibility_notes ul li svg, #buildguide-view #unknown_compatibility ul li svg {
    margin-right: 0.5rem;
    position: relative;
    top: 2px; }
  #partlist #compatibility_notes ul li span, #partlist #unknown_compatibility ul li span, #user-saved-partlists #compatibility_notes ul li span, #user-saved-partlists #unknown_compatibility ul li span, #user-completed-builds #compatibility_notes ul li span, #user-completed-builds #unknown_compatibility ul li span, #user-favorite-products #compatibility_notes ul li span, #user-favorite-products #unknown_compatibility ul li span, #user-inventory-products #compatibility_notes ul li span, #user-inventory-products #unknown_compatibility ul li span, #userbuild-pick-partlist #compatibility_notes ul li span, #userbuild-pick-partlist #unknown_compatibility ul li span, #buildguide-view #compatibility_notes ul li span, #buildguide-view #unknown_compatibility ul li span {
    margin-right: 0.5rem;
    font-size: 1rem;
    font-weight: 700; }
  #partlist #compatibility_notes ul li.warning-message span, #partlist #unknown_compatibility ul li.warning-message span, #user-saved-partlists #compatibility_notes ul li.warning-message span, #user-saved-partlists #unknown_compatibility ul li.warning-message span, #user-completed-builds #compatibility_notes ul li.warning-message span, #user-completed-builds #unknown_compatibility ul li.warning-message span, #user-favorite-products #compatibility_notes ul li.warning-message span, #user-favorite-products #unknown_compatibility ul li.warning-message span, #user-inventory-products #compatibility_notes ul li.warning-message span, #user-inventory-products #unknown_compatibility ul li.warning-message span, #userbuild-pick-partlist #compatibility_notes ul li.warning-message span, #userbuild-pick-partlist #unknown_compatibility ul li.warning-message span, #buildguide-view #compatibility_notes ul li.warning-message span, #buildguide-view #unknown_compatibility ul li.warning-message span {
    color: #E52C34; }
  #partlist #compatibility_notes ul li.info-message span, #partlist #unknown_compatibility ul li.info-message span, #user-saved-partlists #compatibility_notes ul li.info-message span, #user-saved-partlists #unknown_compatibility ul li.info-message span, #user-completed-builds #compatibility_notes ul li.info-message span, #user-completed-builds #unknown_compatibility ul li.info-message span, #user-favorite-products #compatibility_notes ul li.info-message span, #user-favorite-products #unknown_compatibility ul li.info-message span, #user-inventory-products #compatibility_notes ul li.info-message span, #user-inventory-products #unknown_compatibility ul li.info-message span, #userbuild-pick-partlist #compatibility_notes ul li.info-message span, #userbuild-pick-partlist #unknown_compatibility ul li.info-message span, #buildguide-view #compatibility_notes ul li.info-message span, #buildguide-view #unknown_compatibility ul li.info-message span {
    color: #f78300; }

@media only screen and (max-width: 1049px) {
  .partlist--view .tr__product {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(7, 1fr); } }

@media only screen and (max-width: 767px) {
  .partlist--view .tr__product {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 0.5rem;
    grid-row-gap: 1rem; } }

@media only screen and (max-width: 1049px) {
  .partlist--edit .tr__product {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: auto auto auto auto min-content auto auto auto min-content; } }

@media only screen and (max-width: 767px) {
  .partlist--edit .tr__product {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 0.5rem;
    grid-row-gap: 1rem; } }

#user-favorite-products .block h3 {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.25;
  min-width: 100px; }
  #user-favorite-products .block h3 span {
    display: inline-block;
    z-index: 1;
    position: relative;
    padding-right: 0.5rem; }
  @media only screen and (max-width: 1049px) {
    #user-favorite-products .block h3 {
      min-width: none;
      font-size: 0.875rem;
      font-weight: 700;
      position: relative; }
      .light-mode #user-favorite-products .block h3 span {
        background-color: #f4f4f3; }
      .dark-mode #user-favorite-products .block h3 span {
        background-color: #282838; }
      #user-favorite-products .block h3:after {
        content: "";
        display: block;
        height: 1px;
        width: 100%;
        position: absolute;
        top: 50%; }
        .light-mode #user-favorite-products .block h3:after {
          background-color: #929292; }
        .dark-mode #user-favorite-products .block h3:after {
          background-color: #717184; } }
@media only screen and (max-width: 767px) {
  #user-favorite-products table thead {
    display: none; } }

@media only screen and (max-width: 1049px) {
  #user-favorite-products table tbody tr.tr__product {
    -ms-grid-columns: 1fr 1fr 1fr auto !important;
    -ms-grid-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr auto !important; } }

@media only screen and (max-width: 1049px) {
  #user-favorite-products table tbody tr td.td__image {
    -ms-grid-column: 1 !important;
    -ms-grid-row: 1 !important; }
  #user-favorite-products table tbody tr td.td__where {
    -ms-grid-column: 2 !important;
    -ms-grid-row: 2 !important; }
  #user-favorite-products table tbody tr td.td__add {
    -ms-grid-column: 3 !important;
    -ms-grid-row: 2 !important; }
  #user-favorite-products table tbody tr td.td__remove {
    -ms-grid-column: 4 !important;
    -ms-grid-row: 2 !important; } }

@media only screen and (min-width: 1050px) {
  #user-favorite-products table tbody tr td.td__image, #user-favorite-products table tbody tr td.td__add, #user-favorite-products table tbody tr td.td__remove {
    width: 1px; } }

@media only screen and (min-width: 1050px) {
  #user-favorite-products table tbody tr td.td__where {
    width: 80px; } }

@media only screen and (max-width: 1049px) {
  #user-favorite-products table tbody tr td.td__name {
    -ms-grid-column: 2 !important;
    -ms-grid-column-span: 4 !important;
    -ms-grid-row: 1 !important;
    grid-column: 2/5 !important; } }

@media only screen and (max-width: 1049px) {
  #user-favorite-products table tbody tr td.td__price {
    -ms-grid-column: 1 !important;
    -ms-grid-row: 2 !important;
    grid-column: auto !important; } }

@media only screen and (min-width: 1050px) {
  #user-favorite-products table tbody tr td.td__price {
    width: 110px; } }

@media only screen and (min-width: 1050px) {
  #user-favorite-products table tbody tr td.td__add {
    padding-right: 0.5rem; } }

@media only screen and (max-width: 1049px) {
  #user-favorite-products table tbody tr td.td__add button {
    width: 100%; } }

@media only screen and (max-width: 767px) {
  #user-favorite-products table tbody tr td.td__remove {
    display: block !important; } }

#user-inventory-products .block h3 {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.25;
  min-width: 100px; }
  #user-inventory-products .block h3 span {
    display: inline-block;
    z-index: 1;
    position: relative;
    padding-right: 0.5rem; }
  @media only screen and (max-width: 1049px) {
    #user-inventory-products .block h3 {
      min-width: none;
      font-size: 0.875rem;
      font-weight: 700;
      position: relative; }
      .light-mode #user-inventory-products .block h3 span {
        background-color: #f4f4f3; }
      .dark-mode #user-inventory-products .block h3 span {
        background-color: #282838; }
      #user-inventory-products .block h3:after {
        content: "";
        display: block;
        height: 1px;
        width: 100%;
        position: absolute;
        top: 50%; }
        .light-mode #user-inventory-products .block h3:after {
          background-color: #929292; }
        .dark-mode #user-inventory-products .block h3:after {
          background-color: #717184; } }
@media only screen and (max-width: 767px) {
  #user-inventory-products table thead {
    display: none; } }

@media only screen and (max-width: 1049px) {
  #user-inventory-products table tbody tr.tr__product {
    grid-template-columns: auto auto 1fr auto !important;
    border-bottom-style: solid;
    border-bottom-width: 1px; }
    .light-mode #user-inventory-products table tbody tr.tr__product {
      border-color: #dbdbdb; }
    .dark-mode #user-inventory-products table tbody tr.tr__product {
      border-color: #37374d; }
    #user-inventory-products table tbody tr.tr__product:last-of-type {
      border-bottom: 0; } }

@media only screen and (min-width: 1050px) {
  #user-inventory-products table tbody tr td.td__image, #user-inventory-products table tbody tr td.td__settings, #user-inventory-products table tbody tr td.td__add, #user-inventory-products table tbody tr td.td__remove {
    width: 1px; } }

@media only screen and (max-width: 1049px) {
  #user-inventory-products table tbody tr td.td__name {
    grid-column: 2/7 !important; } }

@media only screen and (max-width: 1049px) {
  #user-inventory-products table tbody tr td.td__price {
    grid-column: auto !important; } }

@media only screen and (min-width: 1050px) {
  #user-inventory-products table tbody tr td.td__price {
    width: 110px; } }

@media only screen and (max-width: 767px) {
  #user-inventory-products table tbody tr td.td__settings {
    display: block !important; } }

.light-mode #user-inventory-products table tbody tr td.td__settings a svg {
  fill: #191b2b !important; }

.dark-mode #user-inventory-products table tbody tr td.td__settings a svg {
  fill: #EEEEF3 !important; }

.light-mode #user-inventory-products table tbody tr td.td__settings a:hover svg {
  fill: #2c85c5 !important; }

.dark-mode #user-inventory-products table tbody tr td.td__settings a:hover svg {
  fill: #74baff !important; }

.light-mode #user-inventory-products table tbody tr td.td__settings a:hover .no-custom-price svg {
  fill: #2c85c5 !important; }

.dark-mode #user-inventory-products table tbody tr td.td__settings a:hover .no-custom-price svg {
  fill: #74baff !important; }

.light-mode #user-inventory-products table tbody tr td.td__settings a .no-custom-price svg {
  fill: #929292 !important; }

.dark-mode #user-inventory-products table tbody tr td.td__settings a .no-custom-price svg {
  fill: #717184 !important; }

#user-inventory-products table tbody tr td.td__add {
  text-align: right; }
  @media only screen and (min-width: 1050px) {
    #user-inventory-products table tbody tr td.td__add {
      padding-right: 0.5rem; } }
@media only screen and (max-width: 767px) {
  #user-inventory-products table tbody tr td.td__remove {
    display: block !important; } }

#prices table {
  font-size: 0.75rem; }
  @media only screen and (min-width: 1050px) {
    #prices table thead th.th__merchant {
      width: 150px; } }
  #prices table tr td.td__formula {
    text-align: right;
    padding-top: 0; }
    @media only screen and (min-width: 768px) {
      #prices table tr td.td__formula {
        display: none; } }
  #prices table tr td.td__logo a {
    display: block;
    overflow: hidden;
    width: 81px;
    height: 29px; }
    #prices table tr td.td__logo a img {
      position: relative;
      width: 81px; }
      .light-mode #prices table tr td.td__logo a img {
        top: 0px; }
      .dark-mode #prices table tr td.td__logo a img {
        top: -100%; }
  #prices table tr td.td__shipping img {
    width: 64px; }
  .light-mode #prices table tr td.td__availability--unknown {
    color: #EAEAEA !important; }
  .dark-mode #prices table tr td.td__availability--unknown {
    color: #282838 !important; }
  #prices table tr td.td__amazonNote {
    text-align: right;
    padding-top: 0;
    font-size: 0.625rem; }
    #prices table tr td.td__amazonNote a {
      color: #2c85c5; }
  #prices table tr td.td__promoNote {
    text-align: right;
    padding-top: 0;
    font-size: 0.625rem; }
    #prices table tr td.td__promoNote span {
      border-style: solid;
      border-width: 1px;
      padding: 2px 4px; }
      .light-mode #prices table tr td.td__promoNote span {
        background-color: #E4F4CD;
        border-color: #BED2A2; }
      .dark-mode #prices table tr td.td__promoNote span {
        background-color: #254037;
        border-color: #2d5038; }
  #prices table tr td.td__finalPrice {
    font-size: 1rem;
    font-weight: 700; }
    #prices table tr td.td__finalPrice a {
      color: #2c85c5; }
  #prices table tr td.td__buy {
    text-align: right;
    width: 55px; }

.light-mode .pricing-table .flot-text {
  color: #26293c; }

.dark-mode .pricing-table .flot-text {
  color: #B8B8C8; }

.pricing-table .price-history-tooltip {
  display: none;
  padding: 0.5rem;
  font-size: 0.875rem; }
  .light-mode .pricing-table .price-history-tooltip {
    background-color: #26293c;
    color: #929292; }
  .dark-mode .pricing-table .price-history-tooltip {
    background-color: #09090F;
    color: #B8B8C8; }
  .pricing-table .price-history-tooltip tr {
    border-top-style: solid;
    border-top-width: 1px; }
    .light-mode .pricing-table .price-history-tooltip tr {
      border-color: #3a3e5b; }
    .dark-mode .pricing-table .price-history-tooltip tr {
      border-color: #1c1c2f; }
    .pricing-table .price-history-tooltip tr:first-of-type {
      border-top: 0; }
    .pricing-table .price-history-tooltip tr.price-history-lowest td.price-history-tooltip-merchant, .pricing-table .price-history-tooltip tr.price-history-lowest td.price-history-price {
      color: #ffffff;
      font-weight: 700; }
    .pricing-table .price-history-tooltip tr td {
      padding: 1rem;
      line-height: 0; }

.pricing-table .price-history-tooltip-date {
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 700;
  padding-bottom: 0.5rem; }

.pricing-table .pricing-table-legend {
  padding: 1rem 0; }
  .pricing-table .pricing-table-legend .price-history-legend .price-history-legend-item {
    position: relative;
    padding-bottom: 0.5rem;
    font-size: 0.75rem;
    line-height: 1.25; }
    .pricing-table .pricing-table-legend .price-history-legend .price-history-legend-item .price-history-legend-color {
      display: block;
      width: 100%;
      height: 5px;
      margin-bottom: 4px; }

@media only screen and (max-width: 1049px) {
  .priceDrops table thead {
    display: none; } }

@media only screen and (max-width: 1049px) {
  .priceDrops table .tr__product {
    padding: 1rem 0;
    border-top: 0;
    display: grid;
    grid-template-columns: auto auto max-content auto auto auto max-content; } }

@media only screen and (max-width: 767px) {
  .priceDrops table .tr__product {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem; } }

.priceDrops table .tr__product td {
  font-size: 0.75rem; }
  @media only screen and (max-width: 1049px) {
    .priceDrops table .tr__product td {
      display: block;
      width: auto;
      height: auto; }
      .priceDrops table .tr__product td h6 {
        font-size: 0.6875rem;
        font-weight: normal; }
        .light-mode .priceDrops table .tr__product td h6 {
          color: #929292; }
        .dark-mode .priceDrops table .tr__product td h6 {
          color: #717184; } }
  .priceDrops table .tr__product td a {
    display: block; }
  .priceDrops table .tr__product td.td__item {
    line-height: 1.125; }
    @media only screen and (max-width: 1049px) {
      .priceDrops table .tr__product td.td__item {
        grid-column: 1/8;
        align-self: center;
        display: inline-block;
        padding-right: 0;
        line-height: 1.25; } }
    @media only screen and (max-width: 767px) {
      .priceDrops table .tr__product td.td__item {
        grid-column: 1/5; } }
    .priceDrops table .tr__product td.td__item > a {
      font-size: 0.875rem;
      font-weight: 700; }
      .light-mode .priceDrops table .tr__product td.td__item > a {
        color: #191b2b; }
      .dark-mode .priceDrops table .tr__product td.td__item > a {
        color: #EEEEF3; }
      .light-mode .priceDrops table .tr__product td.td__item > a:hover {
        color: #2c85c5; }
      .dark-mode .priceDrops table .tr__product td.td__item > a:hover {
        color: #74baff; }
  @media only screen and (max-width: 767px) {
    .priceDrops table .tr__product td.td__where {
      grid-column: 3/5; } }
  .priceDrops table .tr__product td.td__where a {
    line-height: 1.25; }

#products .productList .form__sort--products {
  display: none; }
  @media (min-width: 1050px) and (max-width: 1200px) {
    #products .productList .form__sort--products {
      display: inline-block; } }
#products .productList__actions {
  margin-bottom: 1rem; }
  #products .productList__actions a {
    display: inline-block;
    font-size: 0.875rem;
    padding: 0.25rem;
    margin: 0 0.5rem; }
    @media only screen and (min-width: 1050px) {
      #products .productList__actions a {
        font-size: 0.75rem;
        padding: 0;
        margin: 0; } }
    .light-mode #products .productList__actions a.disabled {
      color: rgba(146, 146, 146, 0.8); }
    .dark-mode #products .productList__actions a.disabled {
      color: rgba(113, 113, 132, 0.8); }
    #products .productList__actions a.disabled:hover {
      text-decoration: none;
      cursor: default; }
  #products .productList__actions .button--small {
    padding: .125rem .375rem;
    font-size: .75rem !important; }
  #products .productList__actions .productList__actions--left {
    text-align: center;
    margin-bottom: 0.5rem; }
    @media only screen and (min-width: 1050px) {
      #products .productList__actions .productList__actions--left {
        margin-bottom: 0;
        text-align: left;
        margin-top: 5px; }
        #products .productList__actions .productList__actions--left a {
          margin-right: 1rem; } }
  #products .productList__actions .productList__actions--right {
    text-align: center; }
    @media only screen and (min-width: 1050px) {
      #products .productList__actions .productList__actions--right {
        text-align: right; }
        #products .productList__actions .productList__actions--right a {
          margin-left: 1rem; } }
#products .productList__wrapper {
  position: relative; }
  #products .productList__wrapper .productList__cover {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1; }
    .light-mode #products .productList__wrapper .productList__cover {
      background-color: rgba(244, 244, 243, 0.9); }
    .dark-mode #products .productList__wrapper .productList__cover {
      background-color: rgba(40, 40, 56, 0.9); }
  #products .productList__wrapper .productList__cover--show {
    display: block; }

table.productList--detailed thead th {
  position: relative; }
  table.productList--detailed thead th.th--sortable:hover {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    cursor: pointer; }
    .light-mode table.productList--detailed thead th.th--sortable:hover {
      border-color: #2c85c5;
      color: #191b2b; }
    .dark-mode table.productList--detailed thead th.th--sortable:hover {
      border-color: #74baff;
      color: #EEEEF3; }
    .light-mode table.productList--detailed thead th.th--sortable:hover .sortArrow svg {
      fill: #2c85c5; }
    .dark-mode table.productList--detailed thead th.th--sortable:hover .sortArrow svg {
      fill: #74baff; }
  table.productList--detailed thead th.th--sortable .sortArrow {
    display: inline-block;
    transform-origin: 50% 40%;
    position: relative;
    top: 2px;
    transform: rotate(0deg);
    transition: transform 0.45s cubic-bezier(0.165, 0.84, 0.44, 1); }
    table.productList--detailed thead th.th--sortable .sortArrow svg {
      width: 11px;
      height: 11px; }
      .light-mode table.productList--detailed thead th.th--sortable .sortArrow svg {
        fill: #929292; }
      .dark-mode table.productList--detailed thead th.th--sortable .sortArrow svg {
        fill: #717184; }
  .light-mode table.productList--detailed thead th.th--sorted {
    border-color: #2c85c5;
    color: #191b2b; }
  .dark-mode table.productList--detailed thead th.th--sorted {
    border-color: #74baff;
    color: #EEEEF3; }
  .light-mode table.productList--detailed thead th.th--sorted .sortArrow svg {
    fill: #2c85c5; }
  .dark-mode table.productList--detailed thead th.th--sorted .sortArrow svg {
    fill: #74baff; }
  table.productList--detailed thead th.th--sortedAscending .sortArrow {
    transform: rotate(180deg); }
  table.productList--detailed thead th.th--sortedDescending .sortArrow {
    transform: rotate(0deg); }

table.productList--detailed tr td {
  font-size: 0.75rem;
  line-height: 1.25;
  padding: 0 0.5rem 0 0; }
  @media (min-width: 1050px) {
    table.productList--detailed tr td {
      padding: 0 1rem 0 0; } }
  table.productList--detailed tr td.td__checkbox {
    width: 24px; }
  table.productList--detailed tr td.td__name {
    line-height: 1.25; }
    @media only screen and (min-width: 1050px) {
      table.productList--detailed tr td.td__name {
        font-size: 0.875rem; } }
    table.productList--detailed tr td.td__name a {
      display: table; }
      .light-mode table.productList--detailed tr td.td__name a {
        color: #191b2b; }
      .dark-mode table.productList--detailed tr td.td__name a {
        color: #EEEEF3; }
      .light-mode table.productList--detailed tr td.td__name a:hover {
        color: #2c85c5; }
      .dark-mode table.productList--detailed tr td.td__name a:hover {
        color: #74baff; }
      table.productList--detailed tr td.td__name a .td__imageWrapper {
        line-height: 1.25;
        display: table-cell;
        vertical-align: middle; }
      table.productList--detailed tr td.td__name a .td__image {
        display: table-cell;
        vertical-align: middle;
        position: relative;
        text-align: center;
        width: 48px;
        height: 48px;
        background-color: #ffffff; }
        @media (min-width: 768px) {
          table.productList--detailed tr td.td__name a .td__image:hover .td__image--lg {
            display: block;
            width: 256px;
            height: 256px;
            top: -110px;
            left: 120px;
            position: absolute;
            z-index: 1;
            background-color: #ffffff;
            padding: 0.5rem; }
            table.productList--detailed tr td.td__name a .td__image:hover .td__image--lg img {
              max-width: 100%;
              max-height: 100%;
              position: relative;
              top: 50%;
              transform: translateY(-50%); } }
        table.productList--detailed tr td.td__name a .td__image img {
          max-width: 100%;
          max-height: 100%; }
        table.productList--detailed tr td.td__name a .td__image .td__image--lg {
          display: none;
          box-shadow: 0px 25px 45px rgba(0, 0, 0, 0.28);
          border: 2px solid #191b2b; }
      table.productList--detailed tr td.td__name a .td__nameWrapper {
        line-height: 1.25;
        display: table-cell;
        vertical-align: middle;
        padding-left: 1rem; }
      table.productList--detailed tr td.td__name a p {
        font-weight: 700; }
  table.productList--detailed tr td.td__combo img {
    max-width: 24px; }
  table.productList--detailed tr td.td__price {
    font-weight: 700;
    text-align: right; }
    @media only screen and (min-width: 1050px) {
      table.productList--detailed tr td.td__price {
        font-size: 0.875rem; } }
  table.productList--detailed tr td:last-of-type {
    text-align: right;
    padding-right: 0; }

table.productList--detailed tr .td__rating {
  line-height: 1.5;
  font-size: 0.75rem; }
  table.productList--detailed tr .td__rating .product--rating {
    display: inline-block; }

table.productList--detailed .tr__product--favorite .td__name p svg {
  position: relative;
  width: 14px;
  height: 14px;
  margin-right: 6px;
  top: 2px; }
  .light-mode table.productList--detailed .tr__product--favorite .td__name p svg {
    fill: #2c85c5; }
  .dark-mode table.productList--detailed .tr__product--favorite .td__name p svg {
    fill: #74baff; }

#part-compare .compareTable {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch; }
  #part-compare .compareTable table {
    border-collapse: separate;
    border-spacing: 1rem 0; }
    @media only screen and (min-width: 1050px) {
      #part-compare .compareTable table {
        border-spacing: 3rem 0; } }
    #part-compare .compareTable table thead th {
      min-width: 200px;
      border-bottom: 0; }
    #part-compare .compareTable table tbody tr td {
      border-top-style: solid;
      border-top-width: 1px;
      vertical-align: top; }
      .light-mode #part-compare .compareTable table tbody tr td {
        border-color: #dbdbdb; }
      .dark-mode #part-compare .compareTable table tbody tr td {
        border-color: #37374d; }
      #part-compare .compareTable table tbody tr td.td__image {
        border-top: 0; }
        #part-compare .compareTable table tbody tr td.td__image a {
          display: inline-block; }
          #part-compare .compareTable table tbody tr td.td__image a img {
            max-width: 128px; }
      #part-compare .compareTable table tbody tr td.td__name {
        border-top: 0;
        line-height: 1.125; }
        #part-compare .compareTable table tbody tr td.td__name a {
          font-size: 1rem;
          font-weight: 700; }
          @media only screen and (min-width: 1050px) {
            #part-compare .compareTable table tbody tr td.td__name a {
              font-size: 1.25rem; } }
          .light-mode #part-compare .compareTable table tbody tr td.td__name a {
            color: #191b2b; }
          .dark-mode #part-compare .compareTable table tbody tr td.td__name a {
            color: #EEEEF3; }
          .light-mode #part-compare .compareTable table tbody tr td.td__name a:hover {
            color: #2c85c5; }
          .dark-mode #part-compare .compareTable table tbody tr td.td__name a:hover {
            color: #74baff; }
      #part-compare .compareTable table tbody tr td.td__add {
        border-top: 0;
        border-bottom-style: solid;
        border-bottom-width: 3px; }
        .light-mode #part-compare .compareTable table tbody tr td.td__add {
          border-color: #191b2b; }
        .dark-mode #part-compare .compareTable table tbody tr td.td__add {
          border-color: #EEEEF3; }
        #part-compare .compareTable table tbody tr td.td__add .td__add--button {
          margin-right: 1rem;
          position: relative;
          top: -10px; }
        #part-compare .compareTable table tbody tr td.td__add .td__add--price h3 {
          line-height: 1.125; }
        #part-compare .compareTable table tbody tr td.td__add .td__add--price .td__price {
          font-weight: 700; }
      #part-compare .compareTable table tbody tr td.td__rating {
        border-top: 0; }
        #part-compare .compareTable table tbody tr td.td__rating .product--rating li {
          position: relative;
          top: 2px; }
          #part-compare .compareTable table tbody tr td.td__rating .product--rating li svg {
            width: 16px;
            height: 16px; }

#forums .table .tr, #subforum .table .tr, #user-topics .table .tr, #forum-search .table .tr {
  font-size: 0.875rem; }
  @media only screen and (max-width: 767px) {
    #forums .table .tr, #subforum .table .tr, #user-topics .table .tr, #forum-search .table .tr {
      display: block;
      margin-bottom: 1rem;
      border-top: none;
      border-bottom-style: solid;
      border-bottom-width: 1px;
      padding-bottom: 1.5rem; }
      .light-mode #forums .table .tr, .light-mode #subforum .table .tr, .light-mode #user-topics .table .tr, .light-mode #forum-search .table .tr {
        border-color: #dbdbdb; }
      .dark-mode #forums .table .tr, .dark-mode #subforum .table .tr, .dark-mode #user-topics .table .tr, .dark-mode #forum-search .table .tr {
        border-color: #37374d; }
      #forums .table .tr:last-of-type, #subforum .table .tr:last-of-type, #user-topics .table .tr:last-of-type, #forum-search .table .tr:last-of-type {
        border-bottom: none; } }
  #forums .table .tr .td.row--topicTitle .topicTitle, #subforum .table .tr .td.row--topicTitle .topicTitle, #user-topics .table .tr .td.row--topicTitle .topicTitle, #forum-search .table .tr .td.row--topicTitle .topicTitle {
    font-weight: 400; }
  .light-mode #forums .table .tr .td.row--topicTitle .topicTitle--unread, .light-mode #subforum .table .tr .td.row--topicTitle .topicTitle--unread, .light-mode #user-topics .table .tr .td.row--topicTitle .topicTitle--unread, .light-mode #forum-search .table .tr .td.row--topicTitle .topicTitle--unread {
    color: #2c85c5; }
  .dark-mode #forums .table .tr .td.row--topicTitle .topicTitle--unread, .dark-mode #subforum .table .tr .td.row--topicTitle .topicTitle--unread, .dark-mode #user-topics .table .tr .td.row--topicTitle .topicTitle--unread, .dark-mode #forum-search .table .tr .td.row--topicTitle .topicTitle--unread {
    color: #74baff; }
  #forums .table .tr .td.row--topicTitle .topicTitle--self,
  #forums .table .tr .td.row--topicTitle .topicTitle--staff, #subforum .table .tr .td.row--topicTitle .topicTitle--self,
  #subforum .table .tr .td.row--topicTitle .topicTitle--staff, #user-topics .table .tr .td.row--topicTitle .topicTitle--self,
  #user-topics .table .tr .td.row--topicTitle .topicTitle--staff, #forum-search .table .tr .td.row--topicTitle .topicTitle--self,
  #forum-search .table .tr .td.row--topicTitle .topicTitle--staff {
    position: relative; }
    #forums .table .tr .td.row--topicTitle .topicTitle--self:before,
    #forums .table .tr .td.row--topicTitle .topicTitle--staff:before, #subforum .table .tr .td.row--topicTitle .topicTitle--self:before,
    #subforum .table .tr .td.row--topicTitle .topicTitle--staff:before, #user-topics .table .tr .td.row--topicTitle .topicTitle--self:before,
    #user-topics .table .tr .td.row--topicTitle .topicTitle--staff:before, #forum-search .table .tr .td.row--topicTitle .topicTitle--self:before,
    #forum-search .table .tr .td.row--topicTitle .topicTitle--staff:before {
      content: "";
      display: inline-block;
      height: 8px;
      width: 8px;
      border-radius: 50%;
      position: absolute;
      top: 9px;
      left: -13px; }
      @media only screen and (min-width: 768px) {
        #forums .table .tr .td.row--topicTitle .topicTitle--self:before,
        #forums .table .tr .td.row--topicTitle .topicTitle--staff:before, #subforum .table .tr .td.row--topicTitle .topicTitle--self:before,
        #subforum .table .tr .td.row--topicTitle .topicTitle--staff:before, #user-topics .table .tr .td.row--topicTitle .topicTitle--self:before,
        #user-topics .table .tr .td.row--topicTitle .topicTitle--staff:before, #forum-search .table .tr .td.row--topicTitle .topicTitle--self:before,
        #forum-search .table .tr .td.row--topicTitle .topicTitle--staff:before {
          height: 6px;
          width: 6px;
          top: 6px;
          left: -1rem; } }
  .light-mode #forums .table .tr .td.row--topicTitle .topicTitle--self:before, .light-mode #subforum .table .tr .td.row--topicTitle .topicTitle--self:before, .light-mode #user-topics .table .tr .td.row--topicTitle .topicTitle--self:before, .light-mode #forum-search .table .tr .td.row--topicTitle .topicTitle--self:before {
    background-color: #2c85c5; }
  .dark-mode #forums .table .tr .td.row--topicTitle .topicTitle--self:before, .dark-mode #subforum .table .tr .td.row--topicTitle .topicTitle--self:before, .dark-mode #user-topics .table .tr .td.row--topicTitle .topicTitle--self:before, .dark-mode #forum-search .table .tr .td.row--topicTitle .topicTitle--self:before {
    background-color: #2b86de; }
  .light-mode #forums .table .tr .td.row--topicTitle .topicTitle--staff:before, .light-mode #subforum .table .tr .td.row--topicTitle .topicTitle--staff:before, .light-mode #user-topics .table .tr .td.row--topicTitle .topicTitle--staff:before, .light-mode #forum-search .table .tr .td.row--topicTitle .topicTitle--staff:before {
    background-color: #d91e18; }
  .dark-mode #forums .table .tr .td.row--topicTitle .topicTitle--staff:before, .dark-mode #subforum .table .tr .td.row--topicTitle .topicTitle--staff:before, .dark-mode #user-topics .table .tr .td.row--topicTitle .topicTitle--staff:before, .dark-mode #forum-search .table .tr .td.row--topicTitle .topicTitle--staff:before {
    background-color: #ff4560; }
  @media only screen and (max-width: 767px) {
    #forums .table .tr .td, #subforum .table .tr .td, #user-topics .table .tr .td, #forum-search .table .tr .td {
      display: block;
      padding: 0; }
      #forums .table .tr .td.row--topicCount, #forums .table .tr .td.row--postCount, #forums .table .tr .td.row--replyCount, #forums .table .tr .td.row--viewCount, #forums .table .tr .td.row--lastPostTimestamp, #subforum .table .tr .td.row--topicCount, #subforum .table .tr .td.row--postCount, #subforum .table .tr .td.row--replyCount, #subforum .table .tr .td.row--viewCount, #subforum .table .tr .td.row--lastPostTimestamp, #user-topics .table .tr .td.row--topicCount, #user-topics .table .tr .td.row--postCount, #user-topics .table .tr .td.row--replyCount, #user-topics .table .tr .td.row--viewCount, #user-topics .table .tr .td.row--lastPostTimestamp, #forum-search .table .tr .td.row--topicCount, #forum-search .table .tr .td.row--postCount, #forum-search .table .tr .td.row--replyCount, #forum-search .table .tr .td.row--viewCount, #forum-search .table .tr .td.row--lastPostTimestamp {
        display: inline-block; } }
#forums .table .table__head, #subforum .table .table__head, #user-topics .table .table__head, #forum-search .table .table__head {
  border: none; }
  @media only screen and (max-width: 767px) {
    #forums .table .table__head, #subforum .table .table__head, #user-topics .table .table__head, #forum-search .table .table__head {
      display: none; } }
@media only screen and (max-width: 767px) {
  #forums .table .table__row:last-of-type, #subforum .table .table__row:last-of-type, #user-topics .table .table__row:last-of-type, #forum-search .table .table__row:last-of-type {
    margin-bottom: 0; }
    #forums .table .table__row:last-of-type:after, #subforum .table .table__row:last-of-type:after, #user-topics .table .table__row:last-of-type:after, #forum-search .table .table__row:last-of-type:after {
      content: "";
      display: none; } }

#forums .table .table__row h6, #subforum .table .table__row h6, #user-topics .table .table__row h6, #forum-search .table .table__row h6 {
  font-size: 0.6875rem;
  font-weight: normal;
  text-transform: none;
  margin-top: 0.5rem; }
  .light-mode #forums .table .table__row h6, .light-mode #subforum .table .table__row h6, .light-mode #user-topics .table .table__row h6, .light-mode #forum-search .table .table__row h6 {
    color: #929292; }
  .dark-mode #forums .table .table__row h6, .dark-mode #subforum .table .table__row h6, .dark-mode #user-topics .table .table__row h6, .dark-mode #forum-search .table .table__row h6 {
    color: #717184; }

#forums .row--forumTitle {
  font-size: 1.25rem;
  line-height: 1.125; }
  @media only screen and (min-width: 768px) {
    #forums .row--forumTitle {
      font-size: 1rem; } }
  #forums .row--forumTitle a {
    display: block;
    font-weight: 700; }
    .light-mode #forums .row--forumTitle a {
      color: #191b2b; }
    .dark-mode #forums .row--forumTitle a {
      color: #EEEEF3; }
    .light-mode #forums .row--forumTitle a:hover {
      color: #2c85c5; }
    .dark-mode #forums .row--forumTitle a:hover {
      color: #74baff; }

#forums .row--topicCount {
  margin-right: 1.5rem; }
  @media only screen and (min-width: 768px) {
    #forums .row--topicCount {
      margin-right: 0;
      padding-right: 2.5rem; } }
@media only screen and (min-width: 768px) {
  #forums .row--postCount {
    padding-right: 2.5rem; } }

#forums .head--topics, #forums .head--posts {
  padding-right: 2.5rem; }

#forums .row--topicTitle {
  font-size: 0.75rem;
  line-height: 1.25; }
  #forums .row--topicTitle a {
    text-decoration: underline; }
    .light-mode #forums .row--topicTitle a:hover {
      color: #2c85c5; }
    .dark-mode #forums .row--topicTitle a:hover {
      color: #74baff; }

#subforum .row--topicForum, #user-topics .row--topicForum, #forum-search .row--topicForum {
  line-height: 1.125; }
  #subforum .row--topicForum a, #user-topics .row--topicForum a, #forum-search .row--topicForum a {
    display: block;
    font-weight: 700; }
    .light-mode #subforum .row--topicForum a, .light-mode #user-topics .row--topicForum a, .light-mode #forum-search .row--topicForum a {
      color: #191b2b; }
    .dark-mode #subforum .row--topicForum a, .dark-mode #user-topics .row--topicForum a, .dark-mode #forum-search .row--topicForum a {
      color: #EEEEF3; }
    .light-mode #subforum .row--topicForum a:hover, .light-mode #user-topics .row--topicForum a:hover, .light-mode #forum-search .row--topicForum a:hover {
      color: #2c85c5; }
    .dark-mode #subforum .row--topicForum a:hover, .dark-mode #user-topics .row--topicForum a:hover, .dark-mode #forum-search .row--topicForum a:hover {
      color: #74baff; }

#subforum .row--topicTitle, #user-topics .row--topicTitle, #forum-search .row--topicTitle {
  font-size: 1.25rem;
  line-height: 1.25; }
  @media only screen and (min-width: 768px) {
    #subforum .row--topicTitle, #user-topics .row--topicTitle, #forum-search .row--topicTitle {
      font-size: 1rem; } }
  #subforum .row--topicTitle a, #user-topics .row--topicTitle a, #forum-search .row--topicTitle a {
    display: block;
    text-decoration: underline; }
    .light-mode #subforum .row--topicTitle a, .light-mode #user-topics .row--topicTitle a, .light-mode #forum-search .row--topicTitle a {
      color: #191b2b; }
    .dark-mode #subforum .row--topicTitle a, .dark-mode #user-topics .row--topicTitle a, .dark-mode #forum-search .row--topicTitle a {
      color: #EEEEF3; }
    .light-mode #subforum .row--topicTitle a:hover, .light-mode #user-topics .row--topicTitle a:hover, .light-mode #forum-search .row--topicTitle a:hover {
      color: #2c85c5; }
    .dark-mode #subforum .row--topicTitle a:hover, .dark-mode #user-topics .row--topicTitle a:hover, .dark-mode #forum-search .row--topicTitle a:hover {
      color: #74baff; }
    .light-mode #subforum .row--topicTitle a.topicTitle--orange, .light-mode #user-topics .row--topicTitle a.topicTitle--orange, .light-mode #forum-search .row--topicTitle a.topicTitle--orange {
      color: #d91e18; }
    .dark-mode #subforum .row--topicTitle a.topicTitle--orange, .dark-mode #user-topics .row--topicTitle a.topicTitle--orange, .dark-mode #forum-search .row--topicTitle a.topicTitle--orange {
      color: #ff4560; }

#subforum .row--replyCount, #subforum .row--viewCount, #user-topics .row--replyCount, #user-topics .row--viewCount, #forum-search .row--replyCount, #forum-search .row--viewCount {
  margin-right: 1.5rem; }
  @media only screen and (min-width: 768px) {
    #subforum .row--replyCount, #subforum .row--viewCount, #user-topics .row--replyCount, #user-topics .row--viewCount, #forum-search .row--replyCount, #forum-search .row--viewCount {
      margin-right: 0; } }
@media only screen and (max-width: 767px) {
  #subforum .row--lastPostTimestamp, #user-topics .row--lastPostTimestamp, #forum-search .row--lastPostTimestamp {
    position: relative;
    top: 4px; }
    #subforum .row--lastPostTimestamp h6, #user-topics .row--lastPostTimestamp h6, #forum-search .row--lastPostTimestamp h6 {
      margin-top: 0; }
    #subforum .row--lastPostTimestamp p, #user-topics .row--lastPostTimestamp p, #forum-search .row--lastPostTimestamp p {
      line-height: 1.25; }
      .light-mode #subforum .row--lastPostTimestamp p, .light-mode #user-topics .row--lastPostTimestamp p, .light-mode #forum-search .row--lastPostTimestamp p {
        color: #929292; }
      .dark-mode #subforum .row--lastPostTimestamp p, .dark-mode #user-topics .row--lastPostTimestamp p, .dark-mode #forum-search .row--lastPostTimestamp p {
        color: #717184; }
      #subforum .row--lastPostTimestamp p a, #user-topics .row--lastPostTimestamp p a, #forum-search .row--lastPostTimestamp p a {
        margin-top: 2px;
        display: inline-block; } }

#subforum .row--submitter, #subforum .row--lastPostTimestamp, #user-topics .row--submitter, #user-topics .row--lastPostTimestamp, #forum-search .row--submitter, #forum-search .row--lastPostTimestamp {
  font-size: 0.75rem; }
  #subforum .row--submitter a, #subforum .row--lastPostTimestamp a, #user-topics .row--submitter a, #user-topics .row--lastPostTimestamp a, #forum-search .row--submitter a, #forum-search .row--lastPostTimestamp a {
    font-weight: 700; }
    .light-mode #subforum .row--submitter a, .light-mode #subforum .row--lastPostTimestamp a, .light-mode #user-topics .row--submitter a, .light-mode #user-topics .row--lastPostTimestamp a, .light-mode #forum-search .row--submitter a, .light-mode #forum-search .row--lastPostTimestamp a {
      color: #191b2b; }
    .dark-mode #subforum .row--submitter a, .dark-mode #subforum .row--lastPostTimestamp a, .dark-mode #user-topics .row--submitter a, .dark-mode #user-topics .row--lastPostTimestamp a, .dark-mode #forum-search .row--submitter a, .dark-mode #forum-search .row--lastPostTimestamp a {
      color: #EEEEF3; }
    .light-mode #subforum .row--submitter a:hover, .light-mode #subforum .row--lastPostTimestamp a:hover, .light-mode #user-topics .row--submitter a:hover, .light-mode #user-topics .row--lastPostTimestamp a:hover, .light-mode #forum-search .row--submitter a:hover, .light-mode #forum-search .row--lastPostTimestamp a:hover {
      color: #2c85c5; }
    .dark-mode #subforum .row--submitter a:hover, .dark-mode #subforum .row--lastPostTimestamp a:hover, .dark-mode #user-topics .row--submitter a:hover, .dark-mode #user-topics .row--lastPostTimestamp a:hover, .dark-mode #forum-search .row--submitter a:hover, .dark-mode #forum-search .row--lastPostTimestamp a:hover {
      color: #74baff; }

.forumTopic--deleted {
  padding: 0 0.25rem 0.25rem; }
  .light-mode .forumTopic--deleted {
    background-color: #d91e18; }
  .dark-mode .forumTopic--deleted {
    background-color: #ff4560; }
  .forumTopic--deleted .wrapper__pageTitle {
    position: relative; }
    .forumTopic--deleted .wrapper__pageTitle:before {
      content: "User Deleted";
      display: block;
      position: relative;
      font-size: 0.625rem;
      font-weight: 700;
      text-transform: uppercase;
      text-align: center;
      width: 100%;
      padding: 0.25rem;
      color: #ffffff; }
      .light-mode .forumTopic--deleted .wrapper__pageTitle:before {
        background-color: #d91e18; }
      .dark-mode .forumTopic--deleted .wrapper__pageTitle:before {
        background-color: #ff4560; }

#user-preferences .merchant-preference-table div {
  margin-bottom: 2rem; }

@media only screen and (min-width: 1050px) {
  #user-preferences .merchant-preference-table div:nth-of-type(1),
  #user-preferences .price-drop-preference-table div:nth-of-type(1) {
    padding-right: 1rem; }
  #user-preferences .merchant-preference-table div:nth-of-type(2),
  #user-preferences .price-drop-preference-table div:nth-of-type(2) {
    padding-left: 1rem; } }

#user-preferences table .tr--hide {
  display: none; }
  @media only screen and (min-width: 1050px) {
    #user-preferences table .tr--hide {
      display: table-row; } }
#user-preferences table td {
  padding: 0; }
  #user-preferences table td.tax-rate {
    position: relative; }
    #user-preferences table td.tax-rate:after {
      content: "%";
      display: block;
      position: absolute;
      right: 0.5rem;
      top: 1rem; }
      .light-mode #user-preferences table td.tax-rate:after {
        color: #929292; }
      .dark-mode #user-preferences table td.tax-rate:after {
        color: #717184; }
    #user-preferences table td.tax-rate input {
      text-align: right;
      padding-right: 1.5rem;
      width: 100%; }
  #user-preferences table td label {
    padding: 1rem 0; }

@media only screen and (max-width: 1049px) {
  #user-preferences .price-alert-table thead,
  #user-preferences .parametric-price-alert-table thead,
  #user-preferences .followed-table thead {
    display: none; } }

@media only screen and (max-width: 1049px) {
  #user-preferences .price-alert-table tbody tr,
  #user-preferences .parametric-price-alert-table tbody tr,
  #user-preferences .followed-table tbody tr {
    padding: 1rem 0; } }

@media only screen and (min-width: 1050px) {
  #user-preferences .price-alert-table td,
  #user-preferences .parametric-price-alert-table td,
  #user-preferences .followed-table td {
    padding: 0.5rem 2rem 0.5rem 0; } }

#user-preferences .price-alert-table td h6,
#user-preferences .parametric-price-alert-table td h6,
#user-preferences .followed-table td h6 {
  font-size: 0.6875rem;
  font-weight: normal; }
  .light-mode #user-preferences .price-alert-table td h6, .light-mode #user-preferences .parametric-price-alert-table td h6, .light-mode #user-preferences .followed-table td h6 {
    color: #929292; }
  .dark-mode #user-preferences .price-alert-table td h6, .dark-mode #user-preferences .parametric-price-alert-table td h6, .dark-mode #user-preferences .followed-table td h6 {
    color: #717184; }

#user-preferences .price-alert-table td.td--tight,
#user-preferences .parametric-price-alert-table td.td--tight,
#user-preferences .followed-table td.td--tight {
  font-size: 0.75rem; }
  @media only screen and (min-width: 1050px) {
    #user-preferences .price-alert-table td.td--tight,
    #user-preferences .parametric-price-alert-table td.td--tight,
    #user-preferences .followed-table td.td--tight {
      width: 1%;
      white-space: nowrap; } }
#user-preferences .price-alert-table td.td__reset, #user-preferences .price-alert-table td.td__remove,
#user-preferences .parametric-price-alert-table td.td__reset,
#user-preferences .parametric-price-alert-table td.td__remove,
#user-preferences .followed-table td.td__reset,
#user-preferences .followed-table td.td__remove {
  padding-right: 0; }

@media only screen and (max-width: 1049px) {
  #user-preferences .price-alert-table td.td__reset .button, #user-preferences .price-alert-table td.td__removeButton .button,
  #user-preferences .parametric-price-alert-table td.td__reset .button,
  #user-preferences .parametric-price-alert-table td.td__removeButton .button,
  #user-preferences .followed-table td.td__reset .button,
  #user-preferences .followed-table td.td__removeButton .button {
    width: 100%; } }

@media only screen and (min-width: 1050px) {
  #user-preferences .price-alert-table td.td__removeButton,
  #user-preferences .parametric-price-alert-table td.td__removeButton,
  #user-preferences .followed-table td.td__removeButton {
    display: none; } }

.light-mode #user-preferences .price-alert-table td.td__removeButton .button:hover, .light-mode #user-preferences .parametric-price-alert-table td.td__removeButton .button:hover, .light-mode #user-preferences .followed-table td.td__removeButton .button:hover {
  background-color: #d91e18 !important;
  border-color: #d91e18 !important; }

.dark-mode #user-preferences .price-alert-table td.td__removeButton .button:hover, .dark-mode #user-preferences .parametric-price-alert-table td.td__removeButton .button:hover, .dark-mode #user-preferences .followed-table td.td__removeButton .button:hover {
  background-color: #ff4560 !important;
  border-color: #ff4560 !important; }

@media only screen and (max-width: 1049px) {
  #user-preferences .price-alert-table td.td__remove,
  #user-preferences .parametric-price-alert-table td.td__remove,
  #user-preferences .followed-table td.td__remove {
    display: none; } }

@media only screen and (max-width: 1049px) {
  #user-preferences .price-alert-table tbody tr {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 0.5rem; }
    #user-preferences .price-alert-table tbody tr .td__name {
      grid-column: 1/5; }
    #user-preferences .price-alert-table tbody tr .td__reset {
      grid-column: 1/3; }
    #user-preferences .price-alert-table tbody tr .td__removeButton {
      grid-column: 3/5; } }

@media only screen and (max-width: 1049px) {
  #user-preferences .parametric-price-alert-table tbody tr {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0.5rem; }
    #user-preferences .parametric-price-alert-table tbody tr .td__name {
      grid-column: 1/3; }
    #user-preferences .parametric-price-alert-table tbody tr .td__reset {
      grid-column: 1/2; }
    #user-preferences .parametric-price-alert-table tbody tr .td__removeButton {
      grid-column: 2/3; } }

@media only screen and (max-width: 1049px) {
  #user-preferences .followed-table tbody tr {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    grid-gap: 1rem; } }

#user-preferences .followed-table a {
  text-decoration: underline; }

.markdown table {
  border-style: solid;
  border-width: 2px; }
  .light-mode .markdown table {
    border-color: #191b2b;
    background-color: #f9f5e9; }
  .dark-mode .markdown table {
    border-color: #09090F;
    background-color: #46465c; }
  .markdown table thead th {
    padding-left: 1rem; }
    .light-mode .markdown table thead th {
      border-color: rgba(146, 146, 146, 0.28);
      background-color: #f4ecd5; }
    .dark-mode .markdown table thead th {
      border-color: rgba(113, 113, 132, 0.28);
      background-color: #3b3b4e; }
  @media only screen and (max-width: 767px) {
    .markdown table thead {
      display: none; } }
  .light-mode .markdown table tbody tr {
    border-color: rgba(146, 146, 146, 0.28); }
  .dark-mode .markdown table tbody tr {
    border-color: rgba(113, 113, 132, 0.28); }
  @media only screen and (max-width: 767px) {
    .markdown table tbody tr {
      display: block;
      padding: 0.5rem 0; } }
  .markdown table tbody tr td {
    font-size: 0.75rem;
    padding: 0.5rem 1rem; }
    @media only screen and (min-width: 768px) {
      .markdown table tbody tr td {
        font-size: 0.75rem;
        line-height: 1.25; } }
    .markdown table tbody tr td a {
      text-decoration: none;
      font-weight: 700;
      display: inline-block; }
      .light-mode .markdown table tbody tr td a {
        color: #191b2b; }
      .dark-mode .markdown table tbody tr td a {
        color: #EEEEF3; }
      .markdown table tbody tr td a:hover {
        text-decoration: underline; }
        .light-mode .markdown table tbody tr td a:hover {
          color: #2c85c5; }
        .dark-mode .markdown table tbody tr td a:hover {
          color: #74baff; }
      @media only screen and (max-width: 767px) {
        .markdown table tbody tr td a {
          line-height: 1.25; } }
    @media only screen and (max-width: 767px) {
      .markdown table tbody tr td {
        display: block;
        padding-top: 0;
        padding-bottom: 0; } }
  .markdown table tbody tr td:first-of-type strong {
    font-size: 0.6875rem;
    font-weight: 500;
    max-width: 100px;
    line-height: 1.125; }
    @media only screen and (max-width: 767px) {
      .markdown table tbody tr td:first-of-type strong {
        max-width: none;
        display: block;
        padding-bottom: calc(0.5rem / 2); } }
  .markdown table tbody tr td:nth-child(2) strong {
    text-transform: uppercase;
    font-size: 0.625rem; }
    @media only screen and (min-width: 768px) {
      .markdown table tbody tr td:nth-child(2) strong {
        text-transform: uppercase;
        font-size: 0.75rem; } }
  .markdown table tbody tr td:last-of-type strong {
    font-size: 1rem; }

.specLabel {
  display: none; }

.productList--detailed .td__name .div__checkbox {
  display: none; }

@media only screen and (max-width: 1200px) {
  .productList--detailed thead {
    display: none; } }

.productList--detailed .tr__product .td__imageWrapper {
  width: 48px !important;
  height: 48px !important; }

.productList--detailed .tr__product .td__name {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem; }
  .productList--detailed .tr__product .td__name a:hover {
    text-decoration: none !important; }
    .light-mode .productList--detailed .tr__product .td__name a:hover .td__rating {
      color: #191b2b; }
    .dark-mode .productList--detailed .tr__product .td__name a:hover .td__rating {
      color: #EEEEF3; }
  .productList--detailed .tr__product .td__name .td__rating {
    display: none; }

.productList--detailed .tr__product .td__price {
  white-space: nowrap; }
  .productList--detailed .tr__product .td__price .button--small {
    padding: .125rem .375rem;
    font-size: .75rem !important;
    margin-left: 0.5rem; }

@media only screen and (max-width: 1200px) {
  .productList--detailed .tr__product {
    display: -ms-grid;
    display: grid;
    padding: 0.5rem 0;
    -ms-grid-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto 1fr 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas: "name name price" ". . ." ". . ."; }
    .productList--detailed .tr__product td {
      display: block;
      padding: 0 2rem 2px 0;
      font-size: 0.625rem; }
    .productList--detailed .tr__product .td__spec .specLabel {
      display: block;
      font-size: 9px;
      font-weight: normal; }
      .light-mode .productList--detailed .tr__product .td__spec .specLabel {
        color: #929292; }
      .dark-mode .productList--detailed .tr__product .td__spec .specLabel {
        color: #717184; }
    .productList--detailed .tr__product .td__checkbox {
      display: none; }
    .productList--detailed .tr__product .td__name {
      display: table;
      grid-area: name;
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
      -ms-grid-row: 1;
      align-self: center; }
      .productList--detailed .tr__product .td__name .div__checkbox {
        display: table-cell;
        vertical-align: middle;
        width: 22px; }
      .productList--detailed .tr__product .td__name a {
        vertical-align: middle;
        padding: 0.25rem 1rem 0.25rem 0; }
      .productList--detailed .tr__product .td__name .td__nameWrapper {
        padding-left: 0.5rem;
        font-size: 0.875rem; }
      .productList--detailed .tr__product .td__name .td__rating {
        display: block;
        margin-top: 2px; }
    .productList--detailed .tr__product .td__spec--1 {
      -ms-grid-column: 1;
      -ms-grid-row: 2; }
    .productList--detailed .tr__product .td__spec--2 {
      -ms-grid-column: 2;
      -ms-grid-row: 2; }
    .productList--detailed .tr__product .td__spec--3 {
      -ms-grid-column: 3;
      -ms-grid-row: 2; }
    .productList--detailed .tr__product .td__spec--4 {
      -ms-grid-column: 1;
      -ms-grid-row: 3; }
    .productList--detailed .tr__product .td__spec--5 {
      -ms-grid-column: 2;
      -ms-grid-row: 3; }
    .productList--detailed .tr__product .td__spec--6 {
      -ms-grid-column: 3;
      -ms-grid-row: 3; }
    .productList--detailed .tr__product .td__price {
      -ms-grid-column: 3;
      -ms-grid-row: 1;
      -ms-grid-row-align: center;
      grid-area: price;
      align-self: center;
      font-size: 0.875rem; }
    .productList--detailed .tr__product td.td__rating {
      display: none; }
    .productList--detailed .tr__product .td--empty:after {
      margin: 4px 0; } }

@media only screen and (max-width: 649px) {
  .productList--detailed .tr__product td {
    padding: 0 1rem 2px 0; }
  .productList--detailed .tr__product .td__name {
    padding-right: 0; }
    .productList--detailed .tr__product .td__name p {
      font-size: 0.75rem; }
    .productList--detailed .tr__product .td__name .td__rating {
      font-size: 0.6875rem; }
      .productList--detailed .tr__product .td__name .td__rating svg {
        width: 8px;
        height: 8px; }
  .productList--detailed .tr__product .td__price {
    -ms-grid-row-align: center;
    font-size: 0.75rem; }
  .productList--detailed .tr__product .td__add {
    -ms-grid-row-align: center; }
  .productList--detailed .tr__product td.td__rating {
    display: none; } }

#sandbox {
  background-color: #f4f4f3; }

.test-table .td__name {
  font-weight: 700; }
  .test-table .td__name a {
    display: table; }
    .test-table .td__name a .td__image {
      display: table-cell;
      vertical-align: middle;
      position: relative; }
      .test-table .td__name a .td__image:hover .td__image--lg {
        display: block;
        width: 256px;
        height: 256px;
        top: -110px;
        left: 110px;
        position: absolute;
        z-index: 1;
        background-color: #ffffff;
        padding: 0.5rem; }
        .test-table .td__name a .td__image:hover .td__image--lg img {
          max-width: 100%;
          max-height: 100%;
          position: relative;
          top: 50%;
          transform: translateY(-50%); }
      .test-table .td__name a .td__image img {
        margin-right: 1.5rem;
        max-width: 64px; }
      .test-table .td__name a .td__image .td__image--lg {
        display: none;
        box-shadow: 0px 25px 45px rgba(0, 0, 0, 0.28);
        border: 2px solid #191b2b; }
    .test-table .td__name a p {
      line-height: 1.25;
      display: table-cell;
      vertical-align: middle; }

.tabsGroup > ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 0; }
  .tabsGroup > ul > li {
    display: inline-block;
    position: relative; }
    .tabsGroup > ul > li a {
      font-size: 0.875rem;
      display: block;
      text-align: center;
      text-decoration: none;
      padding: 0.5rem 1rem; }
      .light-mode .tabsGroup > ul > li a {
        color: rgba(255, 255, 255, 0.6); }
      .dark-mode .tabsGroup > ul > li a {
        color: rgba(238, 238, 243, 0.6); }
      .light-mode .tabsGroup > ul > li a.active {
        color: #191b2b;
        background-color: #f4f4f3; }
      .dark-mode .tabsGroup > ul > li a.active {
        color: #EEEEF3;
        background-color: #282838; }
      .light-mode .tabsGroup > ul > li a.active:hover {
        color: #191b2b;
        background-color: #f4f4f3; }
      .dark-mode .tabsGroup > ul > li a.active:hover {
        color: #EEEEF3;
        background-color: #282838; }
    .light-mode .tabsGroup > ul > li:hover > a {
      color: #ffffff;
      background-color: #26293c; }
    .dark-mode .tabsGroup > ul > li:hover > a {
      color: #EEEEF3;
      background-color: #282838; }
    .tabsGroup > ul > li.hidden {
      display: none; }
    .tabsGroup > ul > li.more > a .shape-dots {
      position: relative;
      top: 3px; }
      .light-mode .tabsGroup > ul > li.more > a .shape-dots {
        fill: rgba(255, 255, 255, 0.6); }
      .dark-mode .tabsGroup > ul > li.more > a .shape-dots {
        fill: rgba(238, 238, 243, 0.6); }
    .tabsGroup > ul > li.more ul {
      display: none;
      position: absolute;
      top: 100%;
      right: 0;
      margin-right: 0;
      padding: 0.5rem 0;
      z-index: 1; }
      .light-mode .tabsGroup > ul > li.more ul {
        background-color: #26293c; }
      .dark-mode .tabsGroup > ul > li.more ul {
        background-color: #373742; }
      .tabsGroup > ul > li.more ul li a {
        text-align: right;
        white-space: nowrap; }
        .light-mode .tabsGroup > ul > li.more ul li a {
          color: #EAEAEA; }
        .dark-mode .tabsGroup > ul > li.more ul li a {
          color: #B8B8C8; }
      .light-mode .tabsGroup > ul > li.more ul li a:hover {
        color: #ffffff; }
      .dark-mode .tabsGroup > ul > li.more ul li a:hover {
        color: #EEEEF3; }
      .light-mode .tabsGroup > ul > li.more ul li a.active {
        background-color: #353951;
        color: #ffffff; }
      .dark-mode .tabsGroup > ul > li.more ul li a.active {
        background-color: #46464d;
        color: #EEEEF3; }
    .tabsGroup > ul > li.more:hover ul {
      display: block; }
      .light-mode .tabsGroup > ul > li.more:hover ul li a:hover {
        background-color: #353951; }
      .dark-mode .tabsGroup > ul > li.more:hover ul li a:hover {
        background-color: #46464d; }
    .light-mode .tabsGroup > ul > li.more:hover > a {
      background-color: #26293c; }
    .dark-mode .tabsGroup > ul > li.more:hover > a {
      background-color: #373742; }
    .light-mode .tabsGroup > ul > li.more:hover > a .shape-dots {
      fill: #ffffff; }
    .dark-mode .tabsGroup > ul > li.more:hover > a .shape-dots {
      fill: #EEEEF3; }

html {
  font-size: 16px; }

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

h1 {
  font-size: 3rem;
  line-height: 1.5; }

h2 {
  font-size: 2rem;
  line-height: 1.5; }

h3 {
  font-size: 1.5rem;
  line-height: 1.5; }

h4 {
  font-size: 1.25rem;
  line-height: 1.5; }

h5 {
  font-size: 1.125rem;
  line-height: 1.5; }

h6 {
  font-size: 1rem;
  line-height: 1.5; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700; }

strong,
b {
  font-weight: 700; }

em,
i {
  font-style: italic; }

ol,
ul {
  font-variant-numeric: tabular-nums;
  -moz-font-feature-settings: "tnum" 1;
  -moz-font-feature-settings: "tnum=1";
  -webkit-font-feature-settings: 'tnum' 1;
  font-feature-settings: 'tnum' 1;
  padding-left: 2rem; }

.markdown {
  word-wrap: break-word; }
  .markdown h1, .markdown h2, .markdown h3, .markdown h4, .markdown h5, .markdown h6 {
    text-transform: none;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    margin: 2rem 0 0.5rem; }
    .markdown h1 a, .markdown h2 a, .markdown h3 a, .markdown h4 a, .markdown h5 a, .markdown h6 a {
      text-decoration: none; }
  .markdown h1 {
    font-weight: 700;
    font-size: 1.5rem; }
    @media only screen and (min-width: 1050px) {
      .markdown h1 {
        font-size: 2rem; } }
  .markdown h2 {
    font-size: 1.25rem; }
    @media only screen and (min-width: 1050px) {
      .markdown h2 {
        font-size: 1.5rem; } }
  .markdown h3 {
    font-size: 1.125rem; }
    @media only screen and (min-width: 1050px) {
      .markdown h3 {
        font-size: 1.25rem; } }
  .markdown h4 {
    font-size: 1rem; }
    @media only screen and (min-width: 1050px) {
      .markdown h4 {
        font-size: 1.125rem; } }
  .markdown h5 {
    font-size: 0.875rem; }
    @media only screen and (min-width: 1050px) {
      .markdown h5 {
        font-size: 1rem; } }
  .markdown h6 {
    font-size: 0.75rem; }
    @media only screen and (min-width: 1050px) {
      .markdown h6 {
        font-size: 0.875rem; } }
  .markdown p, .markdown ul, .markdown ol {
    margin-bottom: 1rem;
    font-size: 1rem; }
    @media only screen and (min-width: 768px) {
      .markdown p, .markdown ul, .markdown ol {
        font-size: 1.125rem; } }
    @media only screen and (min-width: 1050px) {
      .markdown p, .markdown ul, .markdown ol {
        font-size: 1.25rem; } }
  .markdown ul li, .markdown ol li {
    margin-bottom: 0.5rem; }
  .markdown a {
    text-decoration: underline;
    word-wrap: break-word; }
  .markdown img {
    margin-bottom: 1rem; }
  .markdown blockquote {
    border-style: solid;
    border-width: 1px;
    border-left-width: 4px;
    padding: 0.5rem 1rem;
    margin: 0.5rem 0; }
    .light-mode .markdown blockquote {
      border-color: #dbdbdb;
      background-color: rgba(234, 234, 234, 0.7); }
    .dark-mode .markdown blockquote {
      border-color: #37374d;
      background-color: rgba(40, 40, 56, 0.7); }
    .markdown blockquote p {
      font-size: 90% !important;
      margin-bottom: 0 !important; }
  .markdown code, .markdown kbd, .markdown pre, .markdown samp, .markdown sup {
    font-size: inherit; }
  .markdown code {
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word; }
  .markdown hr {
    border: 0;
    height: 0;
    margin: 1.5rem 0;
    border-top-style: solid;
    border-top-width: 1px; }
    .light-mode .markdown hr {
      border-color: #dbdbdb; }
    .dark-mode .markdown hr {
      border-color: #37374d; }
  .markdown .embed-video {
    margin-bottom: 2rem; }
  .markdown table {
    margin-bottom: 1rem; }

#forumTopic .entry__forumTopic {
  margin: 1rem 0; }

#disclosure p {
  font-size: 0.875rem; }

.comment__message .markdown h1 {
  font-weight: 700;
  font-size: 1.5rem; }

.comment__message .markdown h2 {
  font-size: 1.25rem; }

.comment__message .markdown h3 {
  font-size: 1.125rem; }

.comment__message .markdown h4 {
  font-size: 1rem; }

.comment__message .markdown h5 {
  font-size: 0.875rem; }

.comment__message .markdown h6 {
  font-size: 0.75rem; }

.comment__message .markdown p, .comment__message .markdown ul, .comment__message .markdown ol {
  font-size: 0.875rem;
  line-height: 1.5;
  margin-bottom: 0.5rem; }
  @media only screen and (min-width: 768px) {
    .comment__message .markdown p, .comment__message .markdown ul, .comment__message .markdown ol {
      font-size: 1.125rem; } }
.comment-help-table {
  font-size: 0.75rem; }
  .comment-help-table sup {
    font-size: inherit; }
  .comment-help-table pre {
    font-size: inherit; }

.ugcActions {
  line-height: 1; }
  .light-mode .ugcActions {
    color: #929292; }
  .dark-mode .ugcActions {
    color: #717184; }
  .ugcActions li {
    display: inline-block;
    font-size: 0.6875rem; }
    .ugcActions li a {
      margin-right: 0.5rem; }
      .light-mode .ugcActions li a {
        color: #929292; }
      .dark-mode .ugcActions li a {
        color: #717184; }
      .light-mode .ugcActions li a:hover {
        color: #2c85c5; }
      .dark-mode .ugcActions li a:hover {
        color: #74baff; }

.userAvatar {
  line-height: 0; }
  .userAvatar img {
    max-width: 36px;
    border-radius: 50% 50%; }
    @media only screen and (min-width: 1050px) {
      .userAvatar img {
        max-width: 48px; } }
.userDetails {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  margin-bottom: 0.5rem; }
  @media only screen and (min-width: 1050px) {
    .userDetails {
      align-items: center; } }
  .userDetails .userDetails__wrapper {
    line-height: 1; }
  .userDetails .userDetails__userName a {
    font-weight: 700;
    font-size: 0.75rem; }
    .light-mode .userDetails .userDetails__userName a {
      color: #191b2b; }
    .dark-mode .userDetails .userDetails__userName a {
      color: #EEEEF3; }
    @media only screen and (min-width: 1050px) {
      .userDetails .userDetails__userName a {
        font-size: 0.875rem; } }
    .light-mode .userDetails .userDetails__userName a:hover {
      color: #2c85c5; }
    .dark-mode .userDetails .userDetails__userName a:hover {
      color: #74baff; }
  .userDetails .userDetails__userData {
    line-height: 1.125; }
    .userDetails .userDetails__userData li {
      display: inline-block;
      margin-right: 0.5rem;
      font-size: 0.75rem; }
      .light-mode .userDetails .userDetails__userData li {
        color: #929292; }
      .dark-mode .userDetails .userDetails__userData li {
        color: #717184; }

.comment__author {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  margin-bottom: 0.5rem; }
  @media only screen and (min-width: 1050px) {
    .comment__author {
      align-items: center; } }
.userAvatar--comment {
  margin-right: 0.5rem; }
  .userAvatar--comment img {
    max-width: 18px; }
  @media only screen and (min-width: 1050px) {
    .userAvatar--comment {
      margin-right: 1rem; }
      .userAvatar--comment img {
        max-width: 36px; } }
.userDetails--comment {
  font-size: 0.75rem; }
  .userDetails--comment li {
    display: inline-block;
    margin-right: 0.5rem; }
    .userDetails--comment li.userDetails__userModifier {
      font-weight: 700;
      font-size: 0.625rem;
      line-height: 0;
      padding-right: 4px;
      position: relative;
      top: 3px; }
      .light-mode .userDetails--comment li.userDetails__userModifier {
        background-color: #191b2b;
        color: #ffffff; }
      .dark-mode .userDetails--comment li.userDetails__userModifier {
        background-color: #EEEEF3;
        color: #09090F; }
      .userDetails--comment li.userDetails__userModifier span {
        position: relative;
        top: -4px; }
      .userDetails--comment li.userDetails__userModifier svg {
        width: 16px;
        height: 16px;
        fill: #ffffff;
        padding: 4px;
        margin-right: calc(0.5rem / 2); }
        .light-mode .userDetails--comment li.userDetails__userModifier svg {
          background-color: #00b16a; }
        .dark-mode .userDetails--comment li.userDetails__userModifier svg {
          background-color: #26AD84; }
    .userDetails--comment li.comment-modifier-staff svg, .userDetails--comment li.comment-modifier-manufacturer svg {
      fill: #ffffff; }
      .light-mode .userDetails--comment li.comment-modifier-staff svg, .light-mode .userDetails--comment li.comment-modifier-manufacturer svg {
        background-color: #2c85c5; }
      .dark-mode .userDetails--comment li.comment-modifier-staff svg, .dark-mode .userDetails--comment li.comment-modifier-manufacturer svg {
        background-color: #74baff; }
    .userDetails--comment li.userDetails__userBuilds {
      font-size: 0.75rem; }

.userBadge {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem; }
  .userBadge .userAvatar--profile {
    display: inline-block; }
    .userBadge .userAvatar--profile img {
      max-width: 48px;
      vertical-align: middle;
      margin-right: 0.5rem; }
  .userBadge h2 {
    display: inline-block;
    margin-top: 0.5rem;
    font-size: 1.25rem;
    position: relative;
    top: 3px;
    font-weight: 500; }
    .light-mode .userBadge h2 {
      color: #26293c; }
    .dark-mode .userBadge h2 {
      color: #B8B8C8; }

.userAvatar--entry {
  margin-right: 0.5rem; }
  @media only screen and (min-width: 1050px) {
    .userAvatar--entry {
      margin-right: 1rem; } }
.userDetails--entry .userName--entry {
  font-weight: 700;
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1.25; }
  @media only screen and (min-width: 1050px) {
    .userDetails--entry .userName--entry {
      font-size: 1.125rem;
      line-height: 1.5; } }
  .light-mode .userDetails--entry .userName--entry {
    color: #191b2b; }
  .dark-mode .userDetails--entry .userName--entry {
    color: #EEEEF3; }
  .light-mode .userDetails--entry .userName--entry:hover {
    color: #2c85c5; }
  .dark-mode .userDetails--entry .userName--entry:hover {
    color: #74baff; }

.userDetails--entry .userDetails__userData {
  font-size: 0.75rem; }
  .light-mode .userDetails--entry .userDetails__userData {
    color: #929292; }
  .dark-mode .userDetails--entry .userDetails__userData {
    color: #717184; }
  .userDetails--entry .userDetails__userData li {
    display: inline-block;
    margin-right: 0.5rem; }

#user-profile .user__account {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 0.5rem; }
  @media only screen and (min-width: 1050px) {
    #user-profile .user__account {
      display: block; } }
  @media only screen and (max-width: 1049px) {
    #user-profile .user__account .group {
      border-bottom-style: solid;
      border-bottom-width: 1px;
      padding-bottom: 0.5rem;
      margin-bottom: 0.5rem; }
      .light-mode #user-profile .user__account .group {
        border-color: #dbdbdb; }
      .dark-mode #user-profile .user__account .group {
        border-color: #37374d; }
      #user-profile .user__account .group .group__title {
        font-size: 0.75rem; }
      #user-profile .user__account .group .group__content {
        margin-top: 0; }
        #user-profile .user__account .group .group__content p {
          font-size: 0.875rem; } }
#user-profile #profile_description_edit {
  display: none; }

#user-profile .avatar__buttons {
  margin: 1rem 0; }

@media only screen and (max-width: 1049px) {
  #user-profile #profile_avatar_edit {
    text-align: center; }
    #user-profile #profile_avatar_edit .module-subTitle {
      text-align: left; } }

#user-profile #profile_avatar_edit img {
  border-radius: 50% 50%; }

#user-profile #profile_avatar_edit #avatar_upload #fileupload {
  background: transparent; }

#user-topics .topic__table .topic__table--message {
  text-align: center; }

.partlist__folder .group__title {
  padding-right: 1.5rem; }
  .partlist__folder .group__title a {
    display: inline-block;
    position: relative;
    top: 3px;
    left: 6px; }
    .partlist__folder .group__title a svg {
      transition: fill 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
      width: 14px;
      height: 14px; }
      .light-mode .partlist__folder .group__title a svg {
        fill: #929292; }
      .dark-mode .partlist__folder .group__title a svg {
        fill: #717184; }
    .partlist__folder .group__title a:hover svg {
      transition: fill 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
      .light-mode .partlist__folder .group__title a:hover svg {
        fill: #2c85c5; }
      .dark-mode .partlist__folder .group__title a:hover svg {
        fill: #74baff; }

.partlist__saved,
.userbuild__partlist,
.userPref__nav {
  border-style: solid;
  border-width: 1px; }
  .light-mode .partlist__saved, .light-mode .userbuild__partlist, .light-mode .userPref__nav {
    background-color: #f9f5e9;
    border-color: #191b2b; }
  .dark-mode .partlist__saved, .dark-mode .userbuild__partlist, .dark-mode .userPref__nav {
    background-color: #46465c;
    border-color: #09090F; }
  .partlist__saved li,
  .userbuild__partlist li,
  .userPref__nav li {
    border-top-style: solid;
    border-top-width: 1px;
    position: relative; }
    .light-mode .partlist__saved li, .light-mode .userbuild__partlist li, .light-mode .userPref__nav li {
      border-color: #191b2b; }
    .dark-mode .partlist__saved li, .dark-mode .userbuild__partlist li, .dark-mode .userPref__nav li {
      border-color: #09090F; }
    .partlist__saved li:first-of-type,
    .userbuild__partlist li:first-of-type,
    .userPref__nav li:first-of-type {
      border-top: none; }
    .partlist__saved li a,
    .userbuild__partlist li a,
    .userPref__nav li a {
      font-size: 0.875rem;
      font-weight: 700;
      padding: 0.5rem;
      display: flex;
      width: 100%;
      line-height: 1.25; }
      .light-mode .partlist__saved li a:hover, .light-mode .userbuild__partlist li a:hover, .light-mode .userPref__nav li a:hover {
        color: #191b2b; }
      .dark-mode .partlist__saved li a:hover, .dark-mode .userbuild__partlist li a:hover, .dark-mode .userPref__nav li a:hover {
        color: #EEEEF3; }
      .light-mode .partlist__saved li a, .light-mode .userbuild__partlist li a, .light-mode .userPref__nav li a {
        color: #191b2b; }
      .dark-mode .partlist__saved li a, .dark-mode .userbuild__partlist li a, .dark-mode .userPref__nav li a {
        color: #EEEEF3; }
      .partlist__saved li a .partlist__saved--icon,
      .userbuild__partlist li a .partlist__saved--icon,
      .userPref__nav li a .partlist__saved--icon {
        align-self: center;
        padding-right: 10px; }
        .partlist__saved li a .partlist__saved--icon svg,
        .userbuild__partlist li a .partlist__saved--icon svg,
        .userPref__nav li a .partlist__saved--icon svg {
          margin-bottom: -3px;
          opacity: .3;
          transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1); }
          .light-mode .partlist__saved li a .partlist__saved--icon svg, .light-mode .userbuild__partlist li a .partlist__saved--icon svg, .light-mode .userPref__nav li a .partlist__saved--icon svg {
            fill: #191b2b; }
          .dark-mode .partlist__saved li a .partlist__saved--icon svg, .dark-mode .userbuild__partlist li a .partlist__saved--icon svg, .dark-mode .userPref__nav li a .partlist__saved--icon svg {
            fill: #EEEEF3; }
        .partlist__saved li a .partlist__saved--icon:hover svg,
        .userbuild__partlist li a .partlist__saved--icon:hover svg,
        .userPref__nav li a .partlist__saved--icon:hover svg {
          opacity: 1;
          transition: opacity 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
      .partlist__saved li a .partlist__saved--name span,
      .userbuild__partlist li a .partlist__saved--name span,
      .userPref__nav li a .partlist__saved--name span {
        display: block;
        font-size: 0.625rem;
        text-transform: uppercase;
        opacity: .5; }
    .light-mode .partlist__saved li.list-active a, .light-mode .userbuild__partlist li.list-active a, .light-mode .userPref__nav li.list-active a {
      background-color: #191b2b;
      color: #ffffff; }
    .dark-mode .partlist__saved li.list-active a, .dark-mode .userbuild__partlist li.list-active a, .dark-mode .userPref__nav li.list-active a {
      background-color: #EEEEF3;
      color: #09090F; }
    .light-mode .partlist__saved li.list-active a svg, .light-mode .userbuild__partlist li.list-active a svg, .light-mode .userPref__nav li.list-active a svg {
      fill: #929292; }
    .dark-mode .partlist__saved li.list-active a svg, .dark-mode .userbuild__partlist li.list-active a svg, .dark-mode .userPref__nav li.list-active a svg {
      fill: #717184; }
  .partlist__saved .ui-sortable-helper,
  .userbuild__partlist .ui-sortable-helper,
  .userPref__nav .ui-sortable-helper {
    transform: scale(1.1);
    transition: transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
    .partlist__saved .ui-sortable-helper a,
    .userbuild__partlist .ui-sortable-helper a,
    .userPref__nav .ui-sortable-helper a {
      box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.35); }

ul.list-sortable {
  min-height: 1rem; }

.light-mode .sortable-placeholder {
  background: rgba(25, 27, 43, 0.3); }

.dark-mode .sortable-placeholder {
  background: rgba(238, 238, 243, 0.3); }

.embed-video {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0; }
  .embed-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

::selection {
  background-color: rgba(44, 133, 197, 0.4); }

::-moz-selection {
  background-color: rgba(44, 133, 197, 0.4); }

.highlight code {
  font-size: 0.875rem; }

#homepage .wrapper__buildGuides {
  padding: 3rem 0; }
  .light-mode #homepage .wrapper__buildGuides {
    background: radial-gradient(circle at bottom center, #6E6F73 200px, #3C3E42); }
  .dark-mode #homepage .wrapper__buildGuides {
    background: radial-gradient(circle at bottom center, #1c1c2b 200px, #09090F); }

#homepage .build-guides {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  -ms-grid-rows: auto 1fr 1fr;
  grid-gap: 2rem; }
  @media only screen and (min-width: 900px) {
    #homepage .build-guides {
      -ms-grid-columns: 1fr 1fr 1fr;
      -ms-grid-rows: 1fr;
      grid-template-columns: 1fr 1fr 1fr; } }
  @media only screen and (min-width: 1050px) {
    #homepage .build-guides {
      grid-gap: 3rem; } }
  @media only screen and (min-width: 1536px) {
    #homepage .build-guides {
      grid-gap: 6rem; } }
  #homepage .build-guides .guides__info {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    align-self: center;
    margin-bottom: 2rem; }
    #homepage .build-guides .guides__info h1 {
      font-size: 2rem;
      color: #ffffff;
      margin-bottom: 1rem; }
      @media only screen and (min-width: 1050px) {
        #homepage .build-guides .guides__info h1 {
          font-size: 3rem; } }
    #homepage .build-guides .guides__info p {
      color: rgba(255, 255, 255, 0.6);
      margin-bottom: 2rem; }
  #homepage .build-guides > li:nth-of-type(1) {
    -ms-grid-column: 1;
    -ms-grid-row: 2;
    list-style: none; }
    @media only screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
      #homepage .build-guides > li:nth-of-type(1) {
        margin-bottom: 2rem; } }
@media only screen and (min-width: 1050px) and (-ms-high-contrast: active), only screen and (min-width: 1050px) and (-ms-high-contrast: none) {
  #homepage .build-guides > li:nth-of-type(1) {
    margin-left: 3rem !important; } }
    @media only screen and (min-width: 900px) {
      #homepage .build-guides > li:nth-of-type(1) {
        -ms-grid-column: 2;
        -ms-grid-row: 1; } }
  @media only screen and (min-width: 900px) and (-ms-high-contrast: active), only screen and (min-width: 900px) and (-ms-high-contrast: none) {
    #homepage .build-guides > li:nth-of-type(1) {
      margin-left: 1.5rem;
      margin-bottom: 0; } }
  #homepage .build-guides > li:nth-of-type(2) {
    -ms-grid-column: 1;
    -ms-grid-row: 3;
    list-style: none; }

@media only screen and (min-width: 1050px) and (-ms-high-contrast: active), only screen and (min-width: 1050px) and (-ms-high-contrast: none) {
  #homepage .build-guides > li:nth-of-type(2) {
    margin-left: 3rem !important; } }
    @media only screen and (min-width: 900px) {
      #homepage .build-guides > li:nth-of-type(2) {
        -ms-grid-column: 3;
        -ms-grid-row: 1; } }
  @media only screen and (min-width: 900px) and (-ms-high-contrast: active), only screen and (min-width: 900px) and (-ms-high-contrast: none) {
    #homepage .build-guides > li:nth-of-type(2) {
      margin-left: 1.5rem; } }
#homepage .wrapper__completedBuilds {
  padding: 3rem 0;
  border-bottom-style: solid;
  border-bottom-width: 1px; }
  .light-mode #homepage .wrapper__completedBuilds {
    background-color: #f4f4f3;
    border-color: #dbdbdb; }
  .dark-mode #homepage .wrapper__completedBuilds {
    background-color: #282838;
    border-color: #37374d; }

#homepage .logGrid {
  display: -ms-grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  grid-gap: 1rem; }
  @media only screen and (min-width: 768px) {
    #homepage .logGrid {
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: repeat(2, 1fr); } }
  @media only screen and (min-width: 1350px) {
    #homepage .logGrid {
      -ms-grid-columns: 1fr 1fr 1fr 1fr;
      -ms-grid-rows: 1fr 1fr;
      grid-template-columns: repeat(4, 1fr); } }
  #homepage .logGrid .logGroup__card--featured {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    -ms-grid-rows: auto 1fr;
    grid-column-gap: 2rem;
    grid-row-gap: 1rem;
    background-color: #e26723;
    padding: 0.5rem; }
    #homepage .logGrid .logGroup__card--featured .logGroup__card:hover {
      box-shadow: 0px 0px 0px 3px #ffe683; }
    @media only screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
      #homepage .logGrid .logGroup__card--featured {
        margin-bottom: 2rem; } }
    @media only screen and (min-width: 768px) {
      #homepage .logGrid .logGroup__card--featured {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        -ms-grid-row: 1;
        grid-column: 1/3; } }
    #homepage .logGrid .logGroup__card--featured .logGroup__card {
      -ms-grid-column: 1;
      -ms-grid-row: 2; }
      @media only screen and (min-width: 768px) {
        #homepage .logGrid .logGroup__card--featured .logGroup__card {
          -ms-grid-row: 1;
          -ms-grid-column: 2;
          grid-column: 2/3; } }
    #homepage .logGrid .logGroup__card--featured .featured__message {
      -ms-grid-column: 1;
      -ms-grid-row: 1;
      color: #ffffff;
      text-align: center;
      padding: 0.5rem 1rem 0; }
      @media only screen and (min-width: 768px) {
        #homepage .logGrid .logGroup__card--featured .featured__message {
          display: flex;
          justify-content: center;
          flex-direction: column; } }
      #homepage .logGrid .logGroup__card--featured .featured__message svg {
        fill: #321607;
        width: 24px;
        height: 24px; }
        @media only screen and (min-width: 768px) {
          #homepage .logGrid .logGroup__card--featured .featured__message svg {
            width: 36px;
            height: 36px;
            margin-bottom: 0.5rem; } }
        @media only screen and (min-width: 1050px) {
          #homepage .logGrid .logGroup__card--featured .featured__message svg {
            width: 48px;
            height: 48px; } }
      #homepage .logGrid .logGroup__card--featured .featured__message h1 {
        font-size: 1.5rem; }
        @media only screen and (min-width: 768px) {
          #homepage .logGrid .logGroup__card--featured .featured__message h1 {
            font-size: 2rem;
            margin-bottom: 1rem; } }
        @media only screen and (min-width: 1050px) {
          #homepage .logGrid .logGroup__card--featured .featured__message h1 {
            line-height: 1;
            margin-bottom: 2rem; } }
      #homepage .logGrid .logGroup__card--featured .featured__message p {
        font-weight: 700;
        font-size: 0.875rem;
        color: #321607; }
        @media only screen and (min-width: 768px) {
          #homepage .logGrid .logGroup__card--featured .featured__message p {
            font-size: 1rem; } }
        @media only screen and (min-width: 1050px) {
          #homepage .logGrid .logGroup__card--featured .featured__message p {
            font-size: 1.125rem; } }
        #homepage .logGrid .logGroup__card--featured .featured__message p a {
          color: #ffe683; }
  @media only screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    #homepage .logGrid > li {
      margin-bottom: 2rem; } }
  #homepage .logGrid > li:nth-child(2) {
    -ms-grid-column: 1;
    -ms-grid-row: 2; }
  #homepage .logGrid > li:nth-child(3) {
    -ms-grid-column: 1;
    -ms-grid-row: 3; }
  #homepage .logGrid > li:nth-child(4) {
    -ms-grid-column: 1;
    -ms-grid-row: 4; }
  #homepage .logGrid > li:nth-child(5) {
    -ms-grid-column: 1;
    -ms-grid-row: 5; }
  #homepage .logGrid > li:nth-child(6) {
    -ms-grid-column: 1;
    -ms-grid-row: 6; }
  #homepage .logGrid > li:nth-child(7) {
    -ms-grid-column: 1;
    -ms-grid-row: 7; }
  @media only screen and (min-width: 768px) {
    #homepage .logGrid > li:nth-child(2) {
      -ms-grid-column: 1;
      -ms-grid-row: 2; } }
  @media only screen and (min-width: 768px) and (-ms-high-contrast: active), only screen and (min-width: 768px) and (-ms-high-contrast: none) {
    #homepage .logGrid > li:nth-child(2) {
      margin-right: 1rem; } }
  @media only screen and (min-width: 768px) {
    #homepage .logGrid > li:nth-child(3) {
      -ms-grid-column: 2;
      -ms-grid-row: 2; } }
  @media only screen and (min-width: 768px) and (-ms-high-contrast: active), only screen and (min-width: 768px) and (-ms-high-contrast: none) {
    #homepage .logGrid > li:nth-child(3) {
      margin-left: 1rem; } }
  @media only screen and (min-width: 768px) {
    #homepage .logGrid > li:nth-child(4) {
      -ms-grid-column: 1;
      -ms-grid-row: 3; } }
  @media only screen and (min-width: 768px) and (-ms-high-contrast: active), only screen and (min-width: 768px) and (-ms-high-contrast: none) {
    #homepage .logGrid > li:nth-child(4) {
      margin-right: 1rem; } }
  @media only screen and (min-width: 768px) {
    #homepage .logGrid > li:nth-child(5) {
      -ms-grid-column: 2;
      -ms-grid-row: 3; } }
  @media only screen and (min-width: 768px) and (-ms-high-contrast: active), only screen and (min-width: 768px) and (-ms-high-contrast: none) {
    #homepage .logGrid > li:nth-child(5) {
      margin-left: 1rem; } }
  @media only screen and (min-width: 768px) {
    #homepage .logGrid > li:nth-child(6) {
      -ms-grid-column: 1;
      -ms-grid-row: 4; } }
  @media only screen and (min-width: 768px) and (-ms-high-contrast: active), only screen and (min-width: 768px) and (-ms-high-contrast: none) {
    #homepage .logGrid > li:nth-child(6) {
      margin-right: 1rem; } }
  @media only screen and (min-width: 768px) {
    #homepage .logGrid > li:nth-child(7) {
      -ms-grid-column: 2;
      -ms-grid-row: 4; } }
  @media only screen and (min-width: 768px) and (-ms-high-contrast: active), only screen and (min-width: 768px) and (-ms-high-contrast: none) {
    #homepage .logGrid > li:nth-child(7) {
      margin-left: 1rem; } }
  @media only screen and (min-width: 1350px) {
    #homepage .logGrid > li:nth-child(2) {
      -ms-grid-column: 3;
      -ms-grid-row: 1; } }
  @media only screen and (min-width: 1350px) and (-ms-high-contrast: active), only screen and (min-width: 1350px) and (-ms-high-contrast: none) {
    #homepage .logGrid > li:nth-child(2) {
      margin-left: 2rem;
      margin-right: 0; } }
  @media only screen and (min-width: 1350px) {
    #homepage .logGrid > li:nth-child(3) {
      -ms-grid-column: 4;
      -ms-grid-row: 1; } }
  @media only screen and (min-width: 1350px) and (-ms-high-contrast: active), only screen and (min-width: 1350px) and (-ms-high-contrast: none) {
    #homepage .logGrid > li:nth-child(3) {
      margin-left: 2rem;
      margin-right: 0; } }
  @media only screen and (min-width: 1350px) {
    #homepage .logGrid > li:nth-child(4) {
      -ms-grid-column: 1;
      -ms-grid-row: 2; } }
  @media only screen and (min-width: 1350px) and (-ms-high-contrast: active), only screen and (min-width: 1350px) and (-ms-high-contrast: none) {
    #homepage .logGrid > li:nth-child(4) {
      margin-right: 2rem; } }
  @media only screen and (min-width: 1350px) {
    #homepage .logGrid > li:nth-child(5) {
      -ms-grid-column: 2;
      -ms-grid-row: 2; } }
  @media only screen and (min-width: 1350px) and (-ms-high-contrast: active), only screen and (min-width: 1350px) and (-ms-high-contrast: none) {
    #homepage .logGrid > li:nth-child(5) {
      margin-left: 0; } }
  @media only screen and (min-width: 1350px) {
    #homepage .logGrid > li:nth-child(6) {
      -ms-grid-column: 3;
      -ms-grid-row: 2; } }
  @media only screen and (min-width: 1350px) and (-ms-high-contrast: active), only screen and (min-width: 1350px) and (-ms-high-contrast: none) {
    #homepage .logGrid > li:nth-child(6) {
      margin-left: 2rem;
      margin-right: 0; } }
  @media only screen and (min-width: 1350px) {
    #homepage .logGrid > li:nth-child(7) {
      -ms-grid-column: 4;
      -ms-grid-row: 2; } }
  #homepage .logGrid .logGroup__action {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center; }
    #homepage .logGrid .logGroup__action a {
      width: auto; }

#homepage .wrapper__blogPosts {
  padding: 3rem 0; }
  .dark-mode #homepage .wrapper__blogPosts {
    background-color: #1c1c2b; }

@media only screen and (min-width: 1050px) {
  #homepage .blogGrid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    -ms-grid-rows: 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 2rem; } }

#homepage .blogGrid .blogGroup {
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom-style: solid;
  border-bottom-width: 1px; }
  .light-mode #homepage .blogGrid .blogGroup {
    border-color: #dbdbdb; }
  .dark-mode #homepage .blogGrid .blogGroup {
    border-color: #37374d; }
  #homepage .blogGrid .blogGroup:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-row: 1; }
  #homepage .blogGrid .blogGroup:nth-child(2) {
    -ms-grid-column: 2;
    -ms-grid-row: 1; }
  #homepage .blogGrid .blogGroup:nth-child(3) {
    -ms-grid-column: 3;
    -ms-grid-row: 1; }

@media only screen and (min-width: 1050px) and (-ms-high-contrast: active), only screen and (min-width: 1050px) and (-ms-high-contrast: none) {
  #homepage .blogGrid .blogGroup {
    margin: 0 1rem; } }

#homepage .blogGrid .blog__image {
  display: block;
  margin-bottom: 0.5rem; }
  .light-mode #homepage .blogGrid .blog__image:hover {
    color: #191b2b; }
  .dark-mode #homepage .blogGrid .blog__image:hover {
    color: #EEEEF3; }
  #homepage .blogGrid .blog__image img {
    width: 100%;
    margin-bottom: 1rem; }

#homepage .blogGrid .blog__title {
  display: block;
  font-size: 1.25rem;
  line-height: 1.25; }
  .light-mode #homepage .blogGrid .blog__title {
    color: #191b2b; }
  .dark-mode #homepage .blogGrid .blog__title {
    color: #EEEEF3; }

#homepage .blogGrid p {
  font-size: 0.875rem;
  margin-bottom: 1rem; }

#homepage .blogGrid p.meta {
  font-size: 0.75rem; }
  .light-mode #homepage .blogGrid p.meta {
    color: #929292; }
  .dark-mode #homepage .blogGrid p.meta {
    color: #717184; }

#homepage .blogGrid .blog__link--comments {
  font-weight: 700; }
  .light-mode #homepage .blogGrid .blog__link--comments {
    color: #191b2b; }
  .dark-mode #homepage .blogGrid .blog__link--comments {
    color: #EEEEF3; }
  .light-mode #homepage .blogGrid .blog__link--comments:hover {
    color: #2c85c5; }
  .dark-mode #homepage .blogGrid .blog__link--comments:hover {
    color: #74baff; }
  .light-mode #homepage .blogGrid .blog__link--comments:hover svg {
    fill: #191b2b; }
  .dark-mode #homepage .blogGrid .blog__link--comments:hover svg {
    fill: #EEEEF3; }
  #homepage .blogGrid .blog__link--comments svg {
    position: relative;
    top: 3px;
    margin-right: 0.5rem; }

#homepage .blog__button {
  padding: 1rem 0;
  text-align: center; }

#blog-roll .blogEntry h2 {
  padding-top: 1rem; }

.blog-archive h4 {
  font-weight: 700;
  font-size: 0.6875rem;
  text-transform: uppercase;
  margin-top: 2rem;
  margin-bottom: 0.5rem; }
  .light-mode .blog-archive h4 {
    color: #929292; }
  .dark-mode .blog-archive h4 {
    color: #717184; }

.blog-archive li {
  line-height: 1.125;
  margin-bottom: 0.5rem; }

.blog-archive a {
  font-weight: 700;
  font-size: 0.875rem; }
  .light-mode .blog-archive a {
    color: #191b2b; }
  .dark-mode .blog-archive a {
    color: #EEEEF3; }
  .light-mode .blog-archive a:hover {
    color: #2c85c5; }
  .dark-mode .blog-archive a:hover {
    color: #74baff; }

.content-hide {
  display: none; }

.actionBoxGroup .actionBox a {
  font-weight: 700; }

.actionBoxGroup .actionBox__permalink input {
  box-shadow: none; }
  .actionBoxGroup .actionBox__permalink input:hover, .actionBoxGroup .actionBox__permalink input:focus {
    box-shadow: none; }

.actionBoxGroup--product .actionBox {
  font-weight: 700; }

.actionBoxGroup--productSeries {
  font-size: 0;
  padding-bottom: 2rem; }
  .actionBoxGroup--productSeries a {
    font-size: 0.875rem;
    border-style: solid;
    border-width: 1px;
    padding: 2px 6px;
    display: block;
    border-radius: 0.25rem;
    -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1); }
    .light-mode .actionBoxGroup--productSeries a {
      color: #191b2b;
      border-color: rgba(146, 146, 146, 0.6);
      background-color: #ffffff; }
    .dark-mode .actionBoxGroup--productSeries a {
      color: #EEEEF3;
      border-color: rgba(113, 113, 132, 0.6);
      background-color: #09090F; }
    .actionBoxGroup--productSeries a:hover {
      text-decoration: none;
      -webkit-transition: all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
      -moz-transition: all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
      -o-transition: all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
      transition: all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
      .light-mode .actionBoxGroup--productSeries a:hover {
        color: #2c85c5;
        border-color: #2c85c5;
        background-color: #ffffff; }
      .dark-mode .actionBoxGroup--productSeries a:hover {
        color: #74baff;
        border-color: #2b86de;
        background-color: #09090F; }
    .actionBoxGroup--productSeries a.active {
      cursor: default; }
      .light-mode .actionBoxGroup--productSeries a.active {
        color: #2c85c5;
        border-color: #2c85c5;
        background-color: #ffffff; }
      .dark-mode .actionBoxGroup--productSeries a.active {
        color: #74baff;
        border-color: #2b86de;
        background-color: #09090F; }
    .actionBoxGroup--productSeries a.inactive {
      opacity: .35; }
      .actionBoxGroup--productSeries a.inactive:hover {
        opacity: 1; }
        .light-mode .actionBoxGroup--productSeries a.inactive:hover {
          color: #191b2b;
          border-color: rgba(146, 146, 146, 0.6); }
        .dark-mode .actionBoxGroup--productSeries a.inactive:hover {
          color: #EEEEF3;
          border-color: rgba(113, 113, 132, 0.6); }
  .actionBoxGroup--productSeries ul {
    padding: 0; }
    .actionBoxGroup--productSeries ul li {
      list-style: none;
      display: inline-block;
      padding: 0;
      margin-top: 0.5rem;
      margin-right: 0.5rem; }

.light-mode .actionBoxGroup--partlist .actionBox a {
  color: #191b2b; }

.dark-mode .actionBoxGroup--partlist .actionBox a {
  color: #EEEEF3; }

.actionBoxGroup--partlist .actionBox a:hover {
  color: #2c85c5; }

@media only screen and (min-width: 1050px) {
  .actionBoxGroup--partlist .actionBox__permalink {
    border-bottom: 0; } }

.actionBoxGroup--partlist .actionBox__permalink input {
  padding: .375rem .5rem; }

@media only screen and (min-width: 768px) {
  .actionBoxGroup--partlist .actionBox__options {
    border-top: 0; } }

.light-mode .actionBoxGroup--build .actionBox li a {
  color: #191b2b; }

.dark-mode .actionBoxGroup--build .actionBox li a {
  color: #EEEEF3; }

.actionBoxGroup--build .actionBox li a:hover {
  color: #2c85c5; }

.actionBoxGroup--build .actionBox__vote--voted svg {
  fill: #2c85c5; }

.light-mode .actionBoxGroup--build .actionBox__vote--disabled:hover {
  color: #191b2b !important; }

.dark-mode .actionBoxGroup--build .actionBox__vote--disabled:hover {
  color: #EEEEF3 !important; }

.light-mode .actionBoxGroup--build .actionBox__actions li:first-of-type {
  border-color: #191b2b; }

.dark-mode .actionBoxGroup--build .actionBox__actions li:first-of-type {
  border-color: #09090F; }

.light-mode .actionBoxGroup--guide {
  background-color: #f9f5e9; }

.dark-mode .actionBoxGroup--guide {
  background-color: #46465c; }

.light-mode .actionBoxGroup--guide .actionBox li a {
  color: #191b2b; }

.dark-mode .actionBoxGroup--guide .actionBox li a {
  color: #EEEEF3; }

.actionBoxGroup--guide .actionBox li a:hover {
  color: #2c85c5; }

.light-mode .actionBoxGroup--guide .actionBox__actions li:first-of-type {
  border-color: #191b2b; }

.dark-mode .actionBoxGroup--guide .actionBox__actions li:first-of-type {
  border-color: #09090F; }

.breadcrumb {
  margin-bottom: 0.5rem; }
  .breadcrumb a {
    color: rgba(255, 255, 255, 0.5);
    text-decoration: underline; }
    .breadcrumb a:hover {
      color: white; }
  .breadcrumb ol {
    font-size: 0.75rem; }
    .breadcrumb ol li {
      text-transform: uppercase;
      font-weight: 700; }
      .breadcrumb ol li:after {
        content: "";
        top: 5px;
        width: 7px;
        height: 7px;
        border-radius: 50% 50%;
        box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.15); }

#userbuild-index .logGrid {
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }

.logGroup__card {
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); }
  .logGroup__card:hover {
    box-shadow: 0px 0px 0px 3px #e26723; }
  .logGroup__card .log__author {
    font-size: 0.6875rem;
    padding-left: 1rem;
    padding-right: 1rem; }
  .logGroup__card .log__image {
    min-height: 150px; }
  .logGroup__card .log__title {
    font-size: 0.875rem;
    padding-left: 1rem;
    padding-right: 1rem; }
  .logGroup__card .log__keyProducts {
    padding-left: 1rem;
    padding-right: 1rem; }
    .logGroup__card .log__keyProducts li {
      font-size: 0.75rem; }
  .logGroup__card .log__numbers {
    padding-left: 1rem;
    padding-right: 1rem; }
    .logGroup__card .log__numbers .log__price {
      font-size: 0.875rem; }
    .logGroup__card .log__numbers .log__links {
      font-size: 0.75rem; }

.partReviews .partReviews__image {
  background-color: #ffffff;
  padding: 4px;
  border: 1px solid #a1a1a1; }

.button {
  font-size: 1.125rem;
  font-weight: 700;
  border-radius: 0.25rem; }

.button--dark {
  background-color: #26293c; }

.button--secondary {
  background-color: #929292; }

.button--icon svg {
  fill: #ffffff; }

.sidebar-content .button {
  width: 100%; }

#subforum .newTopic__button {
  padding: .5rem !important; }

.comment__wrapper {
  border-top: 1px solid rgba(0, 0, 0, 0.1); }
  .comment__wrapper .comment--nested .comment__wrapper {
    border-left: 1px solid rgba(0, 0, 0, 0.1); }
    .comment__wrapper .comment--nested .comment__wrapper .comment {
      border-top: 1px solid rgba(0, 0, 0, 0.1); }

.light-mode .group--filter .group__content {
  color: #191b2b; }

.dark-mode .group--filter .group__content {
  color: #EEEEF3; }

@media only screen and (min-width: 1050px) {
  .group--filter .group__content li {
    font-size: 0.75rem; } }

.light-mode .ui-slider-horizontal {
  background-color: rgba(146, 146, 146, 0.5); }

.dark-mode .ui-slider-horizontal {
  background-color: rgba(113, 113, 132, 0.5); }

.ui-slider-horizontal .ui-slider-handle {
  box-shadow: none; }

footer {
  background: #191b2b;
  padding: 3rem 0; }
  @media only screen and (min-width: 768px) {
    footer nav .col {
      padding-left: 3rem; }
      footer nav .col:first-of-type {
        padding-left: 0; } }
  footer nav .col h2 {
    color: #ffffff;
    text-transform: uppercase;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #ffffff; }
  footer nav .col ul li a {
    color: #2c85c5; }
    footer nav .col ul li a:hover {
      color: #2c85c5; }
  footer nav .col .footer__logo h1 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase; }
    footer nav .col .footer__logo h1 ul li {
      padding-bottom: calc(0.5rem/2); }
  footer nav .col .footer__logo img {
    max-width: 36px;
    width: 100%; }
  footer ul.footer__social {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 1rem; }
    footer ul.footer__social li a {
      padding: 0.5rem 1rem; }
      footer ul.footer__social li a svg.icon {
        fill: #ffffff; }
      footer ul.footer__social li a:hover svg.icon {
        fill: #EDA920; }
  footer .footer__copyright {
    color: #ffffff; }

.radio + label:before,
.checkbox + label:before {
  width: 1rem;
  height: 1rem;
  bottom: -2px; }

.checkbox + label:before {
  border-radius: 0.25rem; }

.radio:checked + label::before {
  border-width: 6px; }

label {
  padding: 2px 0; }

.checkbox:checked + label:before {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 18 18' enable-background='new 0 0 18 18' xml:space='preserve'%3E%3Cpolyline fill='none' stroke='%23ffffff' stroke-width='2' stroke-miterlimit='10' points='4.5,8.5 8,12 14.5,5.5 '/%3E%3C/svg%3E ");
  background-size: 14px; }

input[type=text], input[type=password], input[type=email], textarea {
  -webkit-transition: box-shadow 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: box-shadow 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: box-shadow 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: box-shadow 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  outline: none;
  box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.21), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12); }
  input[type=text]:hover, input[type=password]:hover, input[type=email]:hover, textarea:hover {
    box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.21), inset 0px 0px 0px 1px #2c85c5;
    -webkit-transition: box-shadow 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: box-shadow 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: box-shadow 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: box-shadow 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
  input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, textarea:focus {
    box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.21), inset 0px 0px 0px 1px #2c85c5;
    -webkit-transition: box-shadow 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: box-shadow 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: box-shadow 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: box-shadow 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

textarea {
  margin-bottom: 1rem; }

.text-input,
input,
input[type=text],
input[type=password],
input[type=email],
textarea,
.textarea,
.date-input {
  border: none;
  border-radius: 0.25rem;
  padding: .375rem .5rem; }

select, .select {
  border: none;
  border-radius: 0.25rem;
  padding: 0.375rem 2rem 0.375rem 0.5rem;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.21), 0px 1px 0px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  background-repeat: no-repeat;
  background-size: 10px 7px;
  background-position: right 0.5rem center; }

.wrapper-formField .text-input, .wrapper-formField input, .wrapper-formField input[type=text], .wrapper-formField input[type=password], .wrapper-formField input[type=email], .wrapper-formField textarea {
  font-size: 1.25rem; }

.wrapper-formField label {
  font-weight: bold;
  text-transform: uppercase; }

.wrapper-formField label.checkbox {
  position: relative;
  height: auto;
  width: auto;
  float: left;
  opacity: 1; }

.wrapper-formField .note {
  font-size: 0.75rem;
  text-transform: none;
  font-weight: 500; }

.wrapper-formField .note--negTop {
  margin-top: -1.5rem; }

.wrapper-formField .note--belowButton {
  margin-top: -1rem;
  padding-top: 0.5rem;
  display: block;
  text-align: center;
  border-top: 1px solid #a1a1a1; }

#pp-price-alert-emails form p input[type=text] {
  font-size: 0.75rem;
  margin-right: 0.5rem; }

#forums .searchField button, #subforum .searchField button, #forum-search .searchField button {
  line-height: 0;
  padding: 3px; }
  #forums .searchField button svg, #subforum .searchField button svg, #forum-search .searchField button svg {
    width: 18px !important;
    height: 18px !important;
    margin: 6px !important; }

#subforum .searchField form {
  margin-bottom: 1.5rem; }
  @media only screen and (min-width: 768px) {
    #subforum .searchField form {
      margin-bottom: 0; } }
.gallery--product {
  border-width: 1px;
  margin-bottom: 0; }

.gallery .gallery__strip .gallery__images ul li a .gallery__imageWrapper {
  width: 160px;
  height: 160px; }
  @media only screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .gallery .gallery__strip .gallery__images ul li a .gallery__imageWrapper img {
      width: 160px; } }
#product-page .product__image {
  border-width: 1px; }

.group .group__content {
  margin-top: 0.5rem; }

.group .js-trigger-show {
  font-size: 0.875rem;
  font-weight: bold; }

.sidebar-content .group__title {
  font-size: 0.875rem; }

.sidebar-content .group li {
  font-size: 0.875rem; }

.specs .group {
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem; }
  .specs .group .group__title {
    font-size: 0.75rem; }
  .specs .group .group__content {
    margin-top: 0; }
    .specs .group .group__content p {
      font-size: 0.875rem; }

#user-saved-partlists .group .group__content {
  margin: 0; }

.searchField .shape-search {
  margin: .175rem 0; }
  @media only screen and (min-width: 1050px) {
    .searchField .shape-search {
      width: 24px;
      height: 24px;
      margin: .375rem 0; } }
.light-mode .wrapper__pageContent {
  background-color: #f4f4f3; }

.dark-mode .wrapper__pageContent {
  background-color: #282838; }

@media only screen and (min-width: 1050px) {
  .wrapper__pageContent .wrapper--columns .sidebar-content {
    padding-right: 1.5rem; }
  .wrapper__pageContent .wrapper--columns .main-content {
    padding-left: 1.5rem; } }

@media only screen and (min-width: 1050px) {
  #product-page .productGallery__wrapper, #userbuild-view .productGallery__wrapper, #userbuild-edit .productGallery__wrapper, #buildguide-view .productGallery__wrapper {
    padding-top: 0;
    margin-top: -3rem;
    margin-bottom: 2rem; } }

.light-mode #product-page .productGallery__wrapper .gallery, .light-mode #userbuild-view .productGallery__wrapper .gallery, .light-mode #userbuild-edit .productGallery__wrapper .gallery, .light-mode #buildguide-view .productGallery__wrapper .gallery {
  background-color: #ffffff; }

.dark-mode #product-page .productGallery__wrapper .gallery, .dark-mode #userbuild-view .productGallery__wrapper .gallery, .dark-mode #userbuild-edit .productGallery__wrapper .gallery, .dark-mode #buildguide-view .productGallery__wrapper .gallery {
  background-color: #282838; }

@media only screen and (min-width: 1050px) {
  #product-page .productGallery__wrapper, #userbuild-view .productGallery__wrapper, #userbuild-edit .productGallery__wrapper, #buildguide-view .productGallery__wrapper {
    padding: 1rem 0;
    border-bottom-style: solid;
    border-bottom-width: 1px; }
    .light-mode #product-page .productGallery__wrapper, .light-mode #userbuild-view .productGallery__wrapper, .light-mode #userbuild-edit .productGallery__wrapper, .light-mode #buildguide-view .productGallery__wrapper {
      background-color: #ffffff;
      border-color: #EAEAEA; }
    .dark-mode #product-page .productGallery__wrapper, .dark-mode #userbuild-view .productGallery__wrapper, .dark-mode #userbuild-edit .productGallery__wrapper, .dark-mode #buildguide-view .productGallery__wrapper {
      background-color: #282838;
      border-color: #282838; } }

.masthead a:hover {
  text-decoration: none; }

.light-mode .masthead .nav__top {
  background-color: #12131e; }

.dark-mode .masthead .nav__top {
  background-color: #010102; }

.light-mode .masthead .nav__top a:hover, .light-mode .masthead .nav__top select:hover {
  color: #EDA920 !important; }

.dark-mode .masthead .nav__top a:hover, .dark-mode .masthead .nav__top select:hover {
  color: #EF9E20 !important; }

@media only screen and (min-width: 1050px) {
  .masthead .nav__bottom {
    border-top-style: solid;
    border-top-width: 1px; }
    .light-mode .masthead .nav__bottom {
      border-color: #26293c; }
    .dark-mode .masthead .nav__bottom {
      border-color: #181827; } }

.masthead .nav__bottom .nav__wrapper .nav__categories {
  padding: 1rem 0; }
  @media only screen and (min-width: 1050px) {
    .masthead .nav__bottom .nav__wrapper .nav__categories {
      padding: 0; } }
  .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--partlist a, .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--browseProducts a, .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--guides a, .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--builds a {
    font-weight: 700;
    position: relative;
    padding: 1rem 1rem 1rem 3rem;
    transition: background-color 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.45s cubic-bezier(0.165, 0.84, 0.44, 1); }
    @media only screen and (min-width: 1050px) {
      .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--partlist a, .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--browseProducts a, .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--guides a, .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--builds a {
        border-left-style: solid;
        border-left-width: 1px; }
        .light-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--partlist a, .light-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--browseProducts a, .light-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--guides a, .light-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--builds a {
          border-color: #26293c; }
        .dark-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--partlist a, .dark-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--browseProducts a, .dark-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--guides a, .dark-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--builds a {
          border-color: #181827; } }
    .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--partlist a:hover, .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--browseProducts a:hover, .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--guides a:hover, .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--builds a:hover {
      transition: background-color 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
      .light-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--partlist a:hover, .light-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--browseProducts a:hover, .light-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--guides a:hover, .light-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--builds a:hover {
        color: #ffffff; }
      .dark-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--partlist a:hover, .dark-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--browseProducts a:hover, .dark-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--guides a:hover, .dark-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--builds a:hover {
        color: #EEEEF3; }
      @media only screen and (min-width: 1050px) {
        .light-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--partlist a:hover, .light-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--browseProducts a:hover, .light-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--guides a:hover, .light-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--builds a:hover {
          background-color: #26293c; }
        .dark-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--partlist a:hover, .dark-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--browseProducts a:hover, .dark-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--guides a:hover, .dark-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--builds a:hover {
          background-color: #181827; } }
    .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--partlist a .nav__icon, .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--browseProducts a .nav__icon, .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--guides a .nav__icon, .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--builds a .nav__icon {
      width: 24px;
      height: 24px;
      position: absolute;
      left: 12px;
      top: 18px; }
      .light-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--partlist a .nav__icon, .light-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--browseProducts a .nav__icon, .light-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--guides a .nav__icon, .light-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--builds a .nav__icon {
        fill: rgba(255, 255, 255, 0.5); }
      .dark-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--partlist a .nav__icon, .dark-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--browseProducts a .nav__icon, .dark-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--guides a .nav__icon, .dark-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--builds a .nav__icon {
        fill: rgba(184, 184, 200, 0.5); }
      @media only screen and (min-width: 1050px) {
        .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--partlist a .nav__icon, .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--browseProducts a .nav__icon, .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--guides a .nav__icon, .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--builds a .nav__icon {
          top: 14px; } }
  .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--browseProducts {
    margin-right: 0; }
    @media only screen and (min-width: 1050px) {
      .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--browseProducts a {
        border-right-style: solid;
        border-right-width: 1px; }
        .light-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--browseProducts a {
          border-color: #26293c; }
        .dark-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--browseProducts a {
          border-color: #181827; } }
  .light-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li a.nav__categories--active {
    background-color: #26293c;
    color: #ffffff; }
  .dark-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li a.nav__categories--active {
    background-color: #181827;
    color: #EEEEF3; }
  .light-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li a.nav__categories--active .nav__icon, .light-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li a.nav__categories--active svg {
    fill: #EDA920 !important; }
  .dark-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li a.nav__categories--active .nav__icon, .dark-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li a.nav__categories--active svg {
    fill: #EF9E20 !important; }
  .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__subLinks {
    grid-column: 1/3; }
    @media only screen and (min-width: 1050px) {
      .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__subLinks {
        float: right;
        position: relative;
        top: 2px; } }
    .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__subLinks .nav__subLinks--group1,
    .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__subLinks .nav__subLinks--group2 {
      position: relative;
      display: inline-block; }
      @media only screen and (min-width: 1050px) {
        .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__subLinks .nav__subLinks--group1,
        .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__subLinks .nav__subLinks--group2 {
          margin-right: 1rem; } }
      .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__subLinks .nav__subLinks--group1 a,
      .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__subLinks .nav__subLinks--group2 a {
        font-size: 1rem;
        padding: 0.5rem;
        display: block; }
        @media only screen and (min-width: 1050px) {
          .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__subLinks .nav__subLinks--group1 a,
          .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__subLinks .nav__subLinks--group2 a {
            padding: 3px;
            white-space: nowrap;
            font-size: 0.75rem; } }
        .light-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__subLinks .nav__subLinks--group1 a, .light-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__subLinks .nav__subLinks--group2 a {
          color: #ffffff; }
        .dark-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__subLinks .nav__subLinks--group1 a, .dark-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__subLinks .nav__subLinks--group2 a {
          color: #EEEEF3; }
        .light-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__subLinks .nav__subLinks--group1 a:hover, .light-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__subLinks .nav__subLinks--group2 a:hover {
          color: #EDA920; }
        .dark-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__subLinks .nav__subLinks--group1 a:hover, .dark-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__subLinks .nav__subLinks--group2 a:hover {
          color: #EF9E20; }
  .light-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group2 a:hover {
    color: #EDA920 !important; }
  .dark-mode .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group2 a:hover {
    color: #EF9E20 !important; }

.message {
  padding: 1.5rem 0; }
  .message .comment__commentData {
    color: #6c6c6c;
    line-height: 1; }
    .message .comment__commentData li {
      font-size: 0.6875rem; }

.modal {
  font-size: 0.875rem;
  line-height: 1.25;
  background-color: rgba(25, 27, 43, 0.75); }
  @media only screen and (min-width: 1050px) {
    .modal {
      font-size: 1rem; } }
  .modal .modal__container {
    box-shadow: 0px 25px 45px rgba(0, 0, 0, 0.28); }
    @media only screen and (min-width: 1050px) {
      .modal .modal__container {
        margin-top: 2.5rem; } }
    .modal .modal__container .modal__header {
      border: none; }
      .modal .modal__container .modal__header h2 {
        font-size: 1.25rem;
        padding: 1rem 1.5rem; }
        @media only screen and (min-width: 1050px) {
          .modal .modal__container .modal__header h2 {
            font-size: 1.5rem;
            padding: 1.5rem 2rem; }
            .modal .modal__container .modal__header h2 svg {
              width: 24px;
              height: 24px;
              position: relative;
              top: 3px; } }
      .modal .modal__container .modal__header .modal__close {
        padding: 1rem 1.5rem; }
        @media only screen and (min-width: 1050px) {
          .modal .modal__container .modal__header .modal__close {
            padding: 1.5rem 2rem; }
            .modal .modal__container .modal__header .modal__close svg {
              width: 1.5rem;
              height: 1.5rem; } }
    .modal .modal__container .modal__content {
      padding: 0 1.5rem 1.5rem; }
      @media only screen and (min-width: 1050px) {
        .modal .modal__container .modal__content {
          padding: 0 2rem 2rem; } }
.offCanvas .offCanvas__content .miniPartlist .filter__compatibility::after {
  height: 1px; }

.wrapper__pageTitle > section {
  text-align: center;
  padding: 1rem 0; }
  @media only screen and (min-width: 1050px) {
    .wrapper__pageTitle > section {
      padding: 2rem 0; } }
.wrapper__pageTitle.wrapper__pageTitle--tabs > section {
  padding-bottom: 0; }

.wrapper__pageTitle .pageTitle {
  line-height: 1; }
  @media only screen and (min-width: 1050px) {
    .wrapper__pageTitle .pageTitle {
      font-size: 2rem; } }
.wrapper__pageTitle .user a {
  font-weight: 700; }
  .wrapper__pageTitle .user a img {
    border: 2px solid white; }

.wrapper__pageTitle .pageTitle--categoryTitle {
  font-size: 0.75rem;
  margin-bottom: 0.5rem; }
  @media only screen and (min-width: 1050px) {
    .wrapper__pageTitle .pageTitle--categoryTitle {
      font-size: 0.875rem; } }
#buildguide-index .wrapper__pageTitle h4,
#buildguide-view .wrapper__pageTitle h4 {
  text-transform: uppercase;
  font-size: 0.75rem; }
  @media only screen and (min-width: 1050px) {
    #buildguide-index .wrapper__pageTitle h4,
    #buildguide-view .wrapper__pageTitle h4 {
      font-size: 0.875rem; } }
#userbuild-index .wrapper__pageTitle h4,
#userbuild-view .wrapper__pageTitle h4,
#userbuild-edit .wrapper__pageTitle h4,
#userbuild-edit-description .wrapper__pageTitle h4,
#userbuild-edit-images .wrapper__pageTitle h4,
#userbuild-pick-partlist .wrapper__pageTitle h4,
#userbuild-edit-reviews .wrapper__pageTitle h4,
#userbuild-by-part .wrapper__pageTitle h4 {
  text-transform: uppercase;
  font-size: 0.75rem; }
  @media only screen and (min-width: 1050px) {
    #userbuild-index .wrapper__pageTitle h4,
    #userbuild-view .wrapper__pageTitle h4,
    #userbuild-edit .wrapper__pageTitle h4,
    #userbuild-edit-description .wrapper__pageTitle h4,
    #userbuild-edit-images .wrapper__pageTitle h4,
    #userbuild-pick-partlist .wrapper__pageTitle h4,
    #userbuild-edit-reviews .wrapper__pageTitle h4,
    #userbuild-by-part .wrapper__pageTitle h4 {
      font-size: 0.875rem; } }
.pagination li a.pagination--current {
  background-color: #2c85c5;
  color: #ffffff; }
  .pagination li a.pagination--current:hover {
    text-decoration: none; }

.subTitle .subTitle__header {
  padding-bottom: .5rem; }
  .subTitle .subTitle__header h2 {
    font-size: 1.125rem; }

.subTitle .subTitle__form {
  top: 0; }
  .subTitle .subTitle__form select {
    font-size: 0.75rem; }
  .subTitle .subTitle__form input {
    font-size: 0.75rem;
    padding: .375rem .5rem; }
  .subTitle .subTitle__form label {
    font-size: 0.875rem;
    font-weight: 700; }
    @media only screen and (min-width: 768px) {
      .subTitle .subTitle__form label {
        margin-left: 1rem; } }
#partlist_render .partlist__title {
  text-align: center; }
  #partlist_render .partlist__title h2 {
    font-size: 1.5rem;
    line-height: 1.125;
    margin-bottom: 1rem; }
    @media only screen and (min-width: 1050px) {
      #partlist_render .partlist__title h2 {
        font-size: 2rem; } }
    #partlist_render .partlist__title h2 a {
      font-weight: 700; }

.subTitle form input:focus::-webkit-input-placeholder {
  color: transparent; }

.subTitle form input:focus:-moz-input-placeholder {
  color: transparent; }

.subTitle form input:focus::-moz-input-placeholder {
  color: transparent; }

.subTitle form input:focus::-ms-input-placeholder {
  color: transparent; }

#product-page .price-history .subTitle .subTitle__form,
#product-page .partReviews .subTitle .subTitle__form {
  position: absolute;
  bottom: 0px;
  right: 0;
  width: auto; }

#products .productList--detailed .td__name .td__image {
  border-style: solid;
  border-width: 1px;
  padding: 4px; }
  .light-mode #products .productList--detailed .td__name .td__image {
    border-color: #dbdbdb; }
  .dark-mode #products .productList--detailed .td__name .td__image {
    border-color: #37374d; }
  #products .productList--detailed .td__name .td__image .td__image--lg {
    border-width: 1px; }

#products .productList__actions {
  font-size: 0.75rem; }

@media only screen and (min-width: 1050px) {
  #partlist .partlist .button--small, #user-saved-partlists .partlist .button--small, #user-completed-builds .partlist .button--small, #user-inventory-products .partlist .button--small, #user-favorite-products .partlist .button--small, #userbuild-pick-partlist .partlist .button--small, #buildguide-view .partlist .button--small {
    padding: .125rem .375rem;
    font-size: .75rem !important; }
  #partlist .partlist .button--icon svg, #user-saved-partlists .partlist .button--icon svg, #user-completed-builds .partlist .button--icon svg, #user-inventory-products .partlist .button--icon svg, #user-favorite-products .partlist .button--icon svg, #userbuild-pick-partlist .partlist .button--icon svg, #buildguide-view .partlist .button--icon svg {
    width: 12px;
    height: 12px; } }

@media only screen and (min-width: 1050px) {
  #partlist .partlist table tbody tr td, #user-saved-partlists .partlist table tbody tr td, #user-completed-builds .partlist table tbody tr td, #user-inventory-products .partlist table tbody tr td, #user-favorite-products .partlist table tbody tr td, #userbuild-pick-partlist .partlist table tbody tr td, #buildguide-view .partlist table tbody tr td {
    height: 48px; } }

@media only screen and (max-width: 1049px) {
  #partlist .partlist table tbody tr td.td__component, #user-saved-partlists .partlist table tbody tr td.td__component, #user-completed-builds .partlist table tbody tr td.td__component, #user-inventory-products .partlist table tbody tr td.td__component, #user-favorite-products .partlist table tbody tr td.td__component, #userbuild-pick-partlist .partlist table tbody tr td.td__component, #buildguide-view .partlist table tbody tr td.td__component {
    font-size: 1.125rem; } }

#partlist .partlist table tbody tr td.td__component a, #user-saved-partlists .partlist table tbody tr td.td__component a, #user-completed-builds .partlist table tbody tr td.td__component a, #user-inventory-products .partlist table tbody tr td.td__component a, #user-favorite-products .partlist table tbody tr td.td__component a, #userbuild-pick-partlist .partlist table tbody tr td.td__component a, #buildguide-view .partlist table tbody tr td.td__component a {
  text-decoration: underline; }
  @media only screen and (max-width: 1049px) {
    #partlist .partlist table tbody tr td.td__component a, #user-saved-partlists .partlist table tbody tr td.td__component a, #user-completed-builds .partlist table tbody tr td.td__component a, #user-inventory-products .partlist table tbody tr td.td__component a, #user-favorite-products .partlist table tbody tr td.td__component a, #userbuild-pick-partlist .partlist table tbody tr td.td__component a, #buildguide-view .partlist table tbody tr td.td__component a {
      text-decoration: none; } }
#partlist .partlist table tbody tr td.td__image a, #user-saved-partlists .partlist table tbody tr td.td__image a, #user-completed-builds .partlist table tbody tr td.td__image a, #user-inventory-products .partlist table tbody tr td.td__image a, #user-favorite-products .partlist table tbody tr td.td__image a, #userbuild-pick-partlist .partlist table tbody tr td.td__image a, #buildguide-view .partlist table tbody tr td.td__image a {
  padding: 4px;
  border-style: solid;
  border-width: 1px; }
  .light-mode #partlist .partlist table tbody tr td.td__image a, .light-mode #user-saved-partlists .partlist table tbody tr td.td__image a, .light-mode #user-completed-builds .partlist table tbody tr td.td__image a, .light-mode #user-inventory-products .partlist table tbody tr td.td__image a, .light-mode #user-favorite-products .partlist table tbody tr td.td__image a, .light-mode #userbuild-pick-partlist .partlist table tbody tr td.td__image a, .light-mode #buildguide-view .partlist table tbody tr td.td__image a {
    border-color: #dbdbdb; }
  .dark-mode #partlist .partlist table tbody tr td.td__image a, .dark-mode #user-saved-partlists .partlist table tbody tr td.td__image a, .dark-mode #user-completed-builds .partlist table tbody tr td.td__image a, .dark-mode #user-inventory-products .partlist table tbody tr td.td__image a, .dark-mode #user-favorite-products .partlist table tbody tr td.td__image a, .dark-mode #userbuild-pick-partlist .partlist table tbody tr td.td__image a, .dark-mode #buildguide-view .partlist table tbody tr td.td__image a {
    border-color: #37374d; }
  @media only screen and (min-width: 1050px) {
    #partlist .partlist table tbody tr td.td__image a, #user-saved-partlists .partlist table tbody tr td.td__image a, #user-completed-builds .partlist table tbody tr td.td__image a, #user-inventory-products .partlist table tbody tr td.td__image a, #user-favorite-products .partlist table tbody tr td.td__image a, #userbuild-pick-partlist .partlist table tbody tr td.td__image a, #buildguide-view .partlist table tbody tr td.td__image a {
      width: 48px;
      height: 48px; } }
@media only screen and (max-width: 1049px) {
  #partlist .partlist table tbody tr td.td__name a, #user-saved-partlists .partlist table tbody tr td.td__name a, #user-completed-builds .partlist table tbody tr td.td__name a, #user-inventory-products .partlist table tbody tr td.td__name a, #user-favorite-products .partlist table tbody tr td.td__name a, #userbuild-pick-partlist .partlist table tbody tr td.td__name a, #buildguide-view .partlist table tbody tr td.td__name a {
    font-size: 1rem; } }

.partlist--mini .td__image a {
  border-style: solid;
  border-width: 1px;
  padding: 4px; }
  .light-mode .partlist--mini .td__image a {
    border-color: #dbdbdb; }
  .dark-mode .partlist--mini .td__image a {
    border-color: #37374d; }

.compareTable .td__image a {
  display: block;
  border-style: solid;
  border-width: 1px;
  padding: 4px; }
  .light-mode .compareTable .td__image a {
    border-color: #dbdbdb; }
  .dark-mode .compareTable .td__image a {
    border-color: #37374d; }

@media only screen and (max-width: 1049px) {
  #user-favorite-products .block h3:after,
  #user-inventory-products .block h3:after {
    height: 2px; } }

.forum__group .table .td {
  padding: 0.25rem 2rem 0.25rem 0; }

#forums .forum__group a:hover {
  text-decoration: underline !important; }

#forums .row--topicTitle a {
  text-decoration: none; }

#subforum .forum__group a:hover {
  text-decoration: underline !important; }

#subforum .row--topicTitle a {
  text-decoration: none; }

h1 {
  line-height: 1.25;
  font-weight: 700;
  font-family: "SF Pro Display", 'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',sans-serif; }

h2,
h3,
h4,
h5,
h6 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700; }

a {
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

dl dt {
  font-weight: 700; }

.forumRules .block {
  margin-bottom: 1.5rem; }

.forumRules h2 {
  font-size: 0.75rem; }

.forumRules ul li {
  font-size: 0.75rem; }

.userDetails--comment {
  font-size: 0.875rem;
  line-height: 1.125; }
  @media only screen and (min-width: 1050px) {
    .userDetails--comment li.userDetails__userBuilds {
      font-size: 0.875rem; } }
#user-topics .topic__table .topic__table--message {
  margin-top: 1.5rem;
  font-size: 1.25rem; }


.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}