@charset "UTF-8";
.page-message {
  margin-top: .125rem;
  padding: .75rem;
  font-size: 1.25rem;
  font-weight: 700; }

.page-message__text:before {
  content: "";
  height: 1rem;
  width: 1rem;
  display: inline-block;
  position: relative;
  bottom: -2px;
  margin-right: 0.5rem;
  background-repeat: no-repeat;
  background-position: center; }

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

.page-message--error {
  background-color: #d91e18;
  color: #e52c34; }
  .page-message--error .page-message__text,
  .page-message--error .page-message__action {
    color: #e52c34; }
    .page-message--error .page-message__text:before,
    .page-message--error .page-message__action:before {
      background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22488%22%20height%3D%22488%22%20viewBox%3D%220%200%20488%20488%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%09%3Cpath%20d%3D%22M244%200c-134.708%200-244%20109.292-244%20244s109.292%20244%20244%20244%20244-109.292%20244-244-109.292-244-244-244zm40.667%20396.182c0%205.719-4.448%2010.484-9.849%2010.484h-61c-5.719%200-10.484-4.766-10.484-10.484v-60.365c0-5.719%204.766-10.484%2010.484-10.484h61c5.401%200%209.849%204.766%209.849%2010.484v60.365zm-.635-109.292c-.318%204.448-5.083%207.943-10.802%207.943h-58.776c-6.036%200-10.802-3.495-10.802-7.943l-5.401-197.297c0-2.224.953-4.448%203.177-5.719%201.906-1.589%204.766-2.542%207.625-2.542h69.896c2.859%200%205.719.953%207.625%202.542%202.224%201.271%203.177%203.495%203.177%205.719l-5.719%20197.297z%22%20fill%3D%22%23e32%22/%3E%3C/svg%3E");
      background-size: 1rem; }

.page-message--success {
  background-color: #00b16a;
  color: #00b16a; }
  .page-message--success .page-message__text,
  .page-message--success .page-message__action {
    color: #00b16a; }
    .page-message--success .page-message__text:before,
    .page-message--success .page-message__action: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-size: .625rem;
      background-color: #00b16a;
      border-radius: 50%; }

.page-message__action:hover {
  color: #2c85c5; }

.button-group,
.button-group--small {
  position: relative;
  display: inline-block;
  border: 1px solid #cccccc;
  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 #cccccc; }
  .button-group__item:hover {
    transition: background-color .3s ease 0s;
    background-color: white; }
  .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: white;
  color: #979797; }

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

.modal {
  background-color: rgba(19, 21, 33, 0.5);
  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; }
  .modal .modal__container {
    -webkit-animation-duration: 0.35s;
    animation-duration: 0.35s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    background: white; }
    .modal .modal__container .modal__header {
      display: flex;
      align-items: stretch;
      border-bottom: 1px solid #cccccc; }
      .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 {
          fill: #bdbdbd;
          transition: fill 0.45s cubic-bezier(0.165, 0.84, 0.44, 1); }
        .modal .modal__container .modal__header .modal__close:hover {
          cursor: pointer; }
          .modal .modal__container .modal__header .modal__close:hover svg {
            fill: #2c85c5;
            transition: fill 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
    .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;
  background-color: white;
  box-shadow: 0px 25px 45px rgba(0, 0, 0, 0.22);
  padding: 2rem; }

#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;
    color: #979797; }
    @media only screen and (min-width: 1050px) {
      #partlist_history_dialog table tbody .td__when {
        font-size: 0.75rem; } }

#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: 1px solid #cccccc;
  padding-top: 2rem; }
  #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.33333% - 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.66667% - 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.33333% - 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.66667% - 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.33333% - 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.66667% - 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.33333% - 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.66667% - 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.33333% - 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.66667% - 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.33333% !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.66667% !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.33333% !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.66667% !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.33333% !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.66667% !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.33333% !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.66667% !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.33333% !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.66667% !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: #131521; }

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

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

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

.fill-neutral--lighter {
  background-color: white; }

.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: #131521; }

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

.text-neutral {
  color: #979797; }

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

.text-neutral--lighter {
  color: white; }

.button {
  cursor: pointer;
  padding: 0;
  background-color: transparent;
  background-image: none;
  border: 1px solid 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: 0.5rem 0.875rem;
  line-height: 1.5rem;
  border-radius: 0px;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: 1px solid transparent;
  text-align: center;
  background-color: #2c85c5;
  color: white;
  border-color: #2c85c5;
  border: 2px solid transparent;
  transition: background-color 0.1s ease 0s; }
  .button:active {
    outline: 0; }
  .button:not(.button--disabled):not(:disabled):hover {
    background-color: #216393;
    transition: background-color 0.15s ease 0s;
    text-decoration: none; }
  .button:not(.button--disabled):not(:disabled):active {
    background-color: #153f5d; }
  .button.button--secondary {
    border: 2px solid #2c85c5;
    color: #2c85c5;
    background: none; }
    .button.button--secondary:hover {
      transition: background-color 0.15s ease 0s; }
  .button.button--secondary:not(.button--disabled):not(:disabled):hover {
    background-color: #2c85c5;
    color: white; }
  .button.button--secondary:not(.button--disabled):not(:disabled):active {
    background-color: #153f5d;
    border-color: #153f5d;
    color: white; }
  .button.button--secondary.button--icon > svg {
    fill: #2c85c5; }
  .button.button--secondary.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: white; }

.button--negative {
  background-color: #d91e18;
  color: white;
  border-color: #d91e18;
  border: 2px solid transparent;
  transition: background-color 0.1s ease 0s; }
  .button--negative:not(.button--disabled):not(:disabled):hover {
    background-color: #a21612;
    transition: background-color 0.15s ease 0s;
    text-decoration: none; }
  .button--negative:not(.button--disabled):not(:disabled):active {
    background-color: #660e0b; }
  .button--negative.button--secondary {
    border: 2px solid #d91e18;
    color: #d91e18;
    background: none; }
    .button--negative.button--secondary:hover {
      transition: background-color 0.15s ease 0s; }
  .button--negative.button--secondary:not(.button--disabled):not(:disabled):hover {
    background-color: #d91e18;
    color: white; }
  .button--negative.button--secondary:not(.button--disabled):not(:disabled):active {
    background-color: #660e0b;
    border-color: #660e0b;
    color: white; }
  .button--negative.button--secondary.button--icon > svg {
    fill: #d91e18; }
  .button--negative.button--secondary.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: white; }

.button--white {
  background-color: white;
  color: #979797;
  border-color: white;
  border: 2px solid transparent;
  transition: background-color 0.1s ease 0s; }
  .button--white:not(.button--disabled):not(:disabled):hover {
    background-color: #e0e0e0;
    transition: background-color 0.15s ease 0s;
    text-decoration: none; }
  .button--white:not(.button--disabled):not(:disabled):active {
    background-color: #bfbfbf; }
  .button--white.button--secondary {
    border: 2px solid white;
    color: white;
    background: none; }
    .button--white.button--secondary:hover {
      transition: background-color 0.15s ease 0s; }
  .button--white.button--secondary:not(.button--disabled):not(:disabled):hover {
    background-color: white;
    color: #979797; }
  .button--white.button--secondary:not(.button--disabled):not(:disabled):active {
    background-color: #bfbfbf;
    border-color: #bfbfbf;
    color: #979797; }
  .button--white.button--secondary.button--icon > svg {
    fill: white; }
  .button--white.button--secondary.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: white; }
  .button--white.button--secondary:not(.button--disabled):not(:disabled):active {
    background-color: #e6e6e6; }
  .button--white.button--icon > svg {
    fill: #131521; }
  .button--white.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #131521; }
  .button--white.button--secondary.button--icon > svg {
    fill: white; }
  .button--white.button--secondary.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #131521; }

.button--dark {
  background-color: #26293c;
  color: #26293c;
  border-color: #26293c;
  border: 2px solid transparent;
  transition: background-color 0.1s ease 0s; }
  .button--dark:not(.button--disabled):not(:disabled):hover {
    background-color: #0e0f17;
    transition: background-color 0.15s ease 0s;
    text-decoration: none; }
  .button--dark:not(.button--disabled):not(:disabled):active {
    background-color: black; }
  .button--dark.button--secondary {
    border: 2px solid #26293c;
    color: #26293c;
    background: none; }
    .button--dark.button--secondary:hover {
      transition: background-color 0.15s ease 0s; }
  .button--dark.button--secondary:not(.button--disabled):not(:disabled):hover {
    background-color: #26293c;
    color: white; }
  .button--dark.button--secondary:not(.button--disabled):not(:disabled):active {
    background-color: black;
    border-color: black;
    color: white; }
  .button--dark.button--secondary.button--icon > svg {
    fill: #26293c; }
  .button--dark.button--secondary.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: white; }
  .button--dark.button--secondary:not(.button--disabled):not(:disabled):active {
    background-color: #000001; }
  .button--dark.button--icon > svg {
    fill: white; }
  .button--dark.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: white; }
  .button--dark.button--secondary.button--icon > svg {
    fill: #131521; }
  .button--dark.button--secondary.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: white; }

.button--neutral {
  background-color: #bdbdbd;
  color: white;
  border-color: #bdbdbd;
  border: 2px solid transparent;
  transition: background-color 0.1s ease 0s; }
  .button--neutral:not(.button--disabled):not(:disabled):hover {
    background-color: #9e9e9e;
    transition: background-color 0.15s ease 0s;
    text-decoration: none; }
  .button--neutral:not(.button--disabled):not(:disabled):active {
    background-color: #7d7d7d; }
  .button--neutral.button--secondary {
    border: 2px solid #bdbdbd;
    color: #bdbdbd;
    background: none; }
    .button--neutral.button--secondary:hover {
      transition: background-color 0.15s ease 0s; }
  .button--neutral.button--secondary:not(.button--disabled):not(:disabled):hover {
    background-color: #bdbdbd;
    color: white; }
  .button--neutral.button--secondary:not(.button--disabled):not(:disabled):active {
    background-color: #7d7d7d;
    border-color: #7d7d7d;
    color: white; }
  .button--neutral.button--secondary.button--icon > svg {
    fill: #bdbdbd; }
  .button--neutral.button--secondary.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: white; }
  .button--neutral.button--secondary:not(.button--disabled):not(:disabled):active {
    background-color: #a4a4a4; }
  .button--neutral.button--icon > svg {
    fill: white; }
  .button--neutral.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: white; }
  .button--neutral.button--secondary.button--icon > svg {
    fill: #bdbdbd; }
  .button--neutral.button--secondary.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: white; }

.button--transparent {
  background-color: transparent;
  color: #2c85c5;
  border-color: transparent;
  border: 1px solid transparent; }
  .button--transparent:not(.button--disabled):not(:disabled):hover {
    background-color: transparent;
    color: #194d72; }

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

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

.button--icon > svg {
  width: 1rem;
  height: 1rem;
  fill: white;
  position: relative;
  top: 0.125rem;
  margin-right: .5rem; }
.button--icon.button--small > svg {
  width: 0.875rem;
  height: 0.875rem;
  position: relative;
  margin-right: .3125rem; }

.button--facebook {
  background-color: #3b5998;
  color: white; }
  .button--facebook:not(.button--disabled):not(:disabled):hover {
    background-color: #1e2e4f;
    color: white; }
  .button--facebook.button--disabled:hover, .button--facebook:disabled:hover {
    color: white; }
  .button--facebook:not(.button--disabled):not(:disabled):active {
    background-color: #090e17; }

.button--twitter {
  background-color: #55acee;
  color: white; }
  .button--twitter:not(.button--disabled):not(:disabled):hover {
    background-color: #147bc9;
    color: white; }
  .button--twitter.button--disabled:hover, .button--twitter:disabled:hover {
    color: white; }
  .button--twitter:not(.button--disabled):not(:disabled):active {
    background-color: #0d5083; }

.button--google {
  background-color: #dd4b39;
  color: white; }
  .button--google:not(.button--disabled):not(:disabled):hover {
    background-color: #96271a;
    color: white; }
  .button--google.button--disabled:hover, .button--google:disabled:hover {
    color: white; }
  .button--google:not(.button--disabled):not(:disabled):active {
    background-color: #55160f; }

.button--linkedin {
  background-color: #0077b5;
  color: white; }
  .button--linkedin:not(.button--disabled):not(:disabled):hover {
    background-color: #00344f;
    color: white; }
  .button--linkedin.button--disabled:hover, .button--linkedin:disabled:hover {
    color: white; }
  .button--linkedin:not(.button--disabled):not(:disabled):active {
    background-color: #000203; }

.button--pinterest {
  background-color: #bd081c;
  color: white; }
  .button--pinterest:not(.button--disabled):not(:disabled):hover {
    background-color: #5b040e;
    color: white; }
  .button--pinterest.button--disabled:hover, .button--pinterest:disabled:hover {
    color: white; }
  .button--pinterest:not(.button--disabled):not(:disabled):active {
    background-color: #120103; }

.button--youtube {
  background-color: #cd201f;
  color: white; }
  .button--youtube:not(.button--disabled):not(:disabled):hover {
    background-color: #741212;
    color: white; }
  .button--youtube.button--disabled:hover, .button--youtube:disabled:hover {
    color: white; }
  .button--youtube:not(.button--disabled):not(:disabled):active {
    background-color: #320808; }

.button--instagram {
  background-color: #517fa4;
  color: white; }
  .button--instagram:not(.button--disabled):not(:disabled):hover {
    background-color: #2f4a60;
    color: white; }
  .button--instagram.button--disabled:hover, .button--instagram:disabled:hover {
    color: white; }
  .button--instagram:not(.button--disabled):not(:disabled):active {
    background-color: #16222d; }

.button--sms {
  background-color: #169d5b;
  color: white; }
  .button--sms:not(.button--disabled):not(:disabled):hover {
    background-color: #094427;
    color: white; }
  .button--sms.button--disabled:hover, .button--sms:disabled:hover {
    color: white; }
  .button--sms:not(.button--disabled):not(:disabled):active {
    background-color: black; }

.button--rss {
  background-color: #f47f16;
  color: white; }
  .button--rss:not(.button--disabled):not(:disabled):hover {
    background-color: #9d4e07;
    color: white; }
  .button--rss.button--disabled:hover, .button--rss:disabled:hover {
    color: white; }
  .button--rss:not(.button--disabled):not(:disabled):active {
    background-color: #542a04; }

.button--apple-news {
  background-color: #131521;
  color: white; }
  .button--apple-news:not(.button--disabled):not(:disabled):hover {
    background-color: black;
    color: white; }
  .button--apple-news.button--disabled:hover, .button--apple-news:disabled:hover {
    color: white; }
  .button--apple-news:not(.button--disabled):not(:disabled):active {
    background-color: black; }

.text-input,
input,
input[type=text],
input[type=password],
input[type=email],
input[type=number],
textarea,
.textarea,
select,
.select,
.date-input {
  font-family: inherit;
  background: white;
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 0.55rem 0.75rem;
  border: 1px solid #cccccc; }

select, .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-repeat: no-repeat;
  background-position: calc(100% - 1rem) center;
  background-size: 0.6875rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  padding-right: 2.5rem;
  cursor: pointer; }

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 0.625rem; }

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

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

.textarea {
  min-height: 300px;
  padding: 0.5rem 0.75rem; }

.textarea--small {
  min-height: 5rem;
  padding: 0.375rem 0.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: 0.75rem;
      height: 0.75rem;
      margin-right: 0.375rem;
      position: relative;
      bottom: -1px;
      background-color: white;
      border: 1px solid #cccccc; }
    .radio + label:before {
      border-radius: 50%; }

.radio:checked + label:before {
  background-color: white;
  border: 4px solid #2c85c5; }

.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: 0.75rem;
      height: 0.75rem;
      margin-right: 0.375rem;
      position: relative;
      bottom: -1px;
      background-color: white;
      border: 1px solid #cccccc; }

.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-color: #2c85c5;
  background-size: 0.5rem;
  border-style: none; }

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

.form-label--small {
  font-size: 0.75rem;
  margin-bottom: 0.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: 0.875rem;
  width: 0.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: 0.5rem;
  background-color: #00b16a;
  border-radius: 50%;
  background-position: center;
  margin-right: 0.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); }
  .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.33333%; }
.xs-col-2 {
  width: 16.66667%; }
.xs-col-3 {
  width: 25%; }
.xs-col-4 {
  width: 33.33333%; }
.xs-col-5 {
  width: 41.66667%; }
.xs-col-6 {
  width: 50%; }
.xs-col-7 {
  width: 58.33333%; }
.xs-col-8 {
  width: 66.66667%; }
.xs-col-9 {
  width: 75%; }
.xs-col-10 {
  width: 83.33333%; }
.xs-col-11 {
  width: 91.66667%; }
.xs-col-12 {
  width: 100%; }
.xs-offset-0 {
  margin-left: 0 !important; }
.xs-offset-1 {
  margin-left: 8.33333%; }
.xs-offset-2 {
  margin-left: 16.66667%; }
.xs-offset-3 {
  margin-left: 25%; }
.xs-offset-4 {
  margin-left: 33.33333%; }
.xs-offset-5 {
  margin-left: 41.66667%; }
.xs-offset-6 {
  margin-left: 50%; }
.xs-offset-7 {
  margin-left: 58.33333%; }
.xs-offset-8 {
  margin-left: 66.66667%; }
.xs-offset-9 {
  margin-left: 75%; }
.xs-offset-10 {
  margin-left: 83.33333%; }
.xs-offset-11 {
  margin-left: 91.66667%; }

@media (min-width: 768px) {
  .sm-col-1 {
    width: 8.33333%; }
  .sm-col-2 {
    width: 16.66667%; }
  .sm-col-3 {
    width: 25%; }
  .sm-col-4 {
    width: 33.33333%; }
  .sm-col-5 {
    width: 41.66667%; }
  .sm-col-6 {
    width: 50%; }
  .sm-col-7 {
    width: 58.33333%; }
  .sm-col-8 {
    width: 66.66667%; }
  .sm-col-9 {
    width: 75%; }
  .sm-col-10 {
    width: 83.33333%; }
  .sm-col-11 {
    width: 91.66667%; }
  .sm-col-12 {
    width: 100%; }
  .sm-offset-0 {
    margin-left: 0 !important; }
  .sm-offset-1 {
    margin-left: 8.33333%; }
  .sm-offset-2 {
    margin-left: 16.66667%; }
  .sm-offset-3 {
    margin-left: 25%; }
  .sm-offset-4 {
    margin-left: 33.33333%; }
  .sm-offset-5 {
    margin-left: 41.66667%; }
  .sm-offset-6 {
    margin-left: 50%; }
  .sm-offset-7 {
    margin-left: 58.33333%; }
  .sm-offset-8 {
    margin-left: 66.66667%; }
  .sm-offset-9 {
    margin-left: 75%; }
  .sm-offset-10 {
    margin-left: 83.33333%; }
  .sm-offset-11 {
    margin-left: 91.66667%; } }
@media (min-width: 1050px) {
  .md-col-1 {
    width: 8.33333%; }
  .md-col-2 {
    width: 16.66667%; }
  .md-col-3 {
    width: 25%; }
  .md-col-4 {
    width: 33.33333%; }
  .md-col-5 {
    width: 41.66667%; }
  .md-col-6 {
    width: 50%; }
  .md-col-7 {
    width: 58.33333%; }
  .md-col-8 {
    width: 66.66667%; }
  .md-col-9 {
    width: 75%; }
  .md-col-10 {
    width: 83.33333%; }
  .md-col-11 {
    width: 91.66667%; }
  .md-col-12 {
    width: 100%; }
  .md-offset-0 {
    margin-left: 0 !important; }
  .md-offset-1 {
    margin-left: 8.33333%; }
  .md-offset-2 {
    margin-left: 16.66667%; }
  .md-offset-3 {
    margin-left: 25%; }
  .md-offset-4 {
    margin-left: 33.33333%; }
  .md-offset-5 {
    margin-left: 41.66667%; }
  .md-offset-6 {
    margin-left: 50%; }
  .md-offset-7 {
    margin-left: 58.33333%; }
  .md-offset-8 {
    margin-left: 66.66667%; }
  .md-offset-9 {
    margin-left: 75%; }
  .md-offset-10 {
    margin-left: 83.33333%; }
  .md-offset-11 {
    margin-left: 91.66667%; } }
@media (min-width: 1536px) {
  .lg-col-1 {
    width: 8.33333%; }
  .lg-col-2 {
    width: 16.66667%; }
  .lg-col-3 {
    width: 25%; }
  .lg-col-4 {
    width: 33.33333%; }
  .lg-col-5 {
    width: 41.66667%; }
  .lg-col-6 {
    width: 50%; }
  .lg-col-7 {
    width: 58.33333%; }
  .lg-col-8 {
    width: 66.66667%; }
  .lg-col-9 {
    width: 75%; }
  .lg-col-10 {
    width: 83.33333%; }
  .lg-col-11 {
    width: 91.66667%; }
  .lg-col-12 {
    width: 100%; }
  .lg-offset-0 {
    margin-left: 0 !important; }
  .lg-offset-1 {
    margin-left: 8.33333%; }
  .lg-offset-2 {
    margin-left: 16.66667%; }
  .lg-offset-3 {
    margin-left: 25%; }
  .lg-offset-4 {
    margin-left: 33.33333%; }
  .lg-offset-5 {
    margin-left: 41.66667%; }
  .lg-offset-6 {
    margin-left: 50%; }
  .lg-offset-7 {
    margin-left: 58.33333%; }
  .lg-offset-8 {
    margin-left: 66.66667%; }
  .lg-offset-9 {
    margin-left: 75%; }
  .lg-offset-10 {
    margin-left: 83.33333%; }
  .lg-offset-11 {
    margin-left: 91.66667%; } }
@media (min-width: 2600px) {
  .xl-col-1 {
    width: 8.33333%; }
  .xl-col-2 {
    width: 16.66667%; }
  .xl-col-3 {
    width: 25%; }
  .xl-col-4 {
    width: 33.33333%; }
  .xl-col-5 {
    width: 41.66667%; }
  .xl-col-6 {
    width: 50%; }
  .xl-col-7 {
    width: 58.33333%; }
  .xl-col-8 {
    width: 66.66667%; }
  .xl-col-9 {
    width: 75%; }
  .xl-col-10 {
    width: 83.33333%; }
  .xl-col-11 {
    width: 91.66667%; }
  .xl-col-12 {
    width: 100%; }
  .xl-offset-0 {
    margin-left: 0 !important; }
  .xl-offset-1 {
    margin-left: 8.33333%; }
  .xl-offset-2 {
    margin-left: 16.66667%; }
  .xl-offset-3 {
    margin-left: 25%; }
  .xl-offset-4 {
    margin-left: 33.33333%; }
  .xl-offset-5 {
    margin-left: 41.66667%; }
  .xl-offset-6 {
    margin-left: 50%; }
  .xl-offset-7 {
    margin-left: 58.33333%; }
  .xl-offset-8 {
    margin-left: 66.66667%; }
  .xl-offset-9 {
    margin-left: 75%; }
  .xl-offset-10 {
    margin-left: 83.33333%; }
  .xl-offset-11 {
    margin-left: 91.66667%; } }
.gutters {
  margin: 0 -0.5rem !important; }
  .gutters > .col {
    padding: 0 0.5rem !important; }

.table-border {
  border: 1px solid #cccccc; }
  .table-border th {
    border-bottom: 1px solid #cccccc; }
  .table-border tr td {
    border-bottom: 1px solid #cccccc; }
  .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; }

a {
  color: #2c85c5; }
  a:hover {
    color: #1e5b86; }

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

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

.link-neutral--darker {
  color: #131521; }
  .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; }

.rounded {
  border-radius: 0px; }

.rounded-top {
  border-radius: 0px 0px 0 0; }

.rounded-bottom {
  border-radius: 0 0 0px 0px; }

.circle {
  border-radius: 50%; }

.xs-border {
  border: 1px solid #cccccc; }
.xs-border-top {
  border-top: 1px solid #cccccc; }
.xs-border-right {
  border-right: 1px solid #cccccc; }
.xs-border-bottom {
  border-bottom: 1px solid #cccccc; }
.xs-border-left {
  border-left: 1px solid #cccccc; }
.xs-border--light {
  border: 1px solid rgba(19, 21, 33, 0.05); }
.xs-border-top--lighter {
  border-top: 1px solid rgba(19, 21, 33, 0.05); }
.xs-border-right--lighter {
  border-right: 1px solid rgba(19, 21, 33, 0.05); }
.xs-border-bottom--lighter {
  border-bottom: 1px solid rgba(19, 21, 33, 0.05); }
.xs-border-left--lighter {
  border-left: 1px solid rgba(19, 21, 33, 0.05); }
.xs-border-width-1 {
  border-width: 2px; }
.xs-border-width-2 {
  border-width: 3px; }
.xs-border-width-3 {
  border-width: 4px; }
.xs-border-width-4 {
  border-width: 5px; }
.xs-border-width-5 {
  border-width: 6px; }
.xs-border-width-6 {
  border-width: 7px; }
.xs-border-style-solid {
  border-style: solid; }
.xs-border-style-dotted {
  border-style: dotted; }
.xs-border-style-dashed {
  border-style: dashed; }
.xs-border-style-double {
  border-style: double; }
.xs-border-color-primary {
  border-color: #2c85c5; }
.xs-border-color-secondary {
  border-color: #eda920; }
.xs-border-color-tertiary {
  border-color: #f4f4f3; }
.xs-border-color-black {
  border-color: #131521; }
.xs-border-color-white {
  border-color: white; }
.xs-border-none {
  border: none; }
.xs-border-top-none {
  border-top: none; }
.xs-border-right-none {
  border-right: none; }
.xs-border-bottom-none {
  border-bottom: none; }
.xs-border-left-none {
  border-left: none; }

@media (min-width: 768px) {
  .sm-border {
    border: 1px solid #cccccc; }
  .sm-border-top {
    border-top: 1px solid #cccccc; }
  .sm-border-right {
    border-right: 1px solid #cccccc; }
  .sm-border-bottom {
    border-bottom: 1px solid #cccccc; }
  .sm-border-left {
    border-left: 1px solid #cccccc; }
  .sm-border--light {
    border: 1px solid rgba(19, 21, 33, 0.05); }
  .sm-border-top--lighter {
    border-top: 1px solid rgba(19, 21, 33, 0.05); }
  .sm-border-right--lighter {
    border-right: 1px solid rgba(19, 21, 33, 0.05); }
  .sm-border-bottom--lighter {
    border-bottom: 1px solid rgba(19, 21, 33, 0.05); }
  .sm-border-left--lighter {
    border-left: 1px solid rgba(19, 21, 33, 0.05); }
  .sm-border-width-1 {
    border-width: 2px; }
  .sm-border-width-2 {
    border-width: 3px; }
  .sm-border-width-3 {
    border-width: 4px; }
  .sm-border-width-4 {
    border-width: 5px; }
  .sm-border-width-5 {
    border-width: 6px; }
  .sm-border-width-6 {
    border-width: 7px; }
  .sm-border-style-solid {
    border-style: solid; }
  .sm-border-style-dotted {
    border-style: dotted; }
  .sm-border-style-dashed {
    border-style: dashed; }
  .sm-border-style-double {
    border-style: double; }
  .sm-border-color-primary {
    border-color: #2c85c5; }
  .sm-border-color-secondary {
    border-color: #eda920; }
  .sm-border-color-tertiary {
    border-color: #f4f4f3; }
  .sm-border-color-black {
    border-color: #131521; }
  .sm-border-color-white {
    border-color: white; }
  .sm-border-none {
    border: none; }
  .sm-border-top-none {
    border-top: none; }
  .sm-border-right-none {
    border-right: none; }
  .sm-border-bottom-none {
    border-bottom: none; }
  .sm-border-left-none {
    border-left: none; } }
@media (min-width: 1050px) {
  .md-border {
    border: 1px solid #cccccc; }
  .md-border-top {
    border-top: 1px solid #cccccc; }
  .md-border-right {
    border-right: 1px solid #cccccc; }
  .md-border-bottom {
    border-bottom: 1px solid #cccccc; }
  .md-border-left {
    border-left: 1px solid #cccccc; }
  .md-border--light {
    border: 1px solid rgba(19, 21, 33, 0.05); }
  .md-border-top--lighter {
    border-top: 1px solid rgba(19, 21, 33, 0.05); }
  .md-border-right--lighter {
    border-right: 1px solid rgba(19, 21, 33, 0.05); }
  .md-border-bottom--lighter {
    border-bottom: 1px solid rgba(19, 21, 33, 0.05); }
  .md-border-left--lighter {
    border-left: 1px solid rgba(19, 21, 33, 0.05); }
  .md-border-width-1 {
    border-width: 2px; }
  .md-border-width-2 {
    border-width: 3px; }
  .md-border-width-3 {
    border-width: 4px; }
  .md-border-width-4 {
    border-width: 5px; }
  .md-border-width-5 {
    border-width: 6px; }
  .md-border-width-6 {
    border-width: 7px; }
  .md-border-style-solid {
    border-style: solid; }
  .md-border-style-dotted {
    border-style: dotted; }
  .md-border-style-dashed {
    border-style: dashed; }
  .md-border-style-double {
    border-style: double; }
  .md-border-color-primary {
    border-color: #2c85c5; }
  .md-border-color-secondary {
    border-color: #eda920; }
  .md-border-color-tertiary {
    border-color: #f4f4f3; }
  .md-border-color-black {
    border-color: #131521; }
  .md-border-color-white {
    border-color: white; }
  .md-border-none {
    border: none; }
  .md-border-top-none {
    border-top: none; }
  .md-border-right-none {
    border-right: none; }
  .md-border-bottom-none {
    border-bottom: none; }
  .md-border-left-none {
    border-left: none; } }
@media (min-width: 1536px) {
  .lg-border {
    border: 1px solid #cccccc; }
  .lg-border-top {
    border-top: 1px solid #cccccc; }
  .lg-border-right {
    border-right: 1px solid #cccccc; }
  .lg-border-bottom {
    border-bottom: 1px solid #cccccc; }
  .lg-border-left {
    border-left: 1px solid #cccccc; }
  .lg-border--light {
    border: 1px solid rgba(19, 21, 33, 0.05); }
  .lg-border-top--lighter {
    border-top: 1px solid rgba(19, 21, 33, 0.05); }
  .lg-border-right--lighter {
    border-right: 1px solid rgba(19, 21, 33, 0.05); }
  .lg-border-bottom--lighter {
    border-bottom: 1px solid rgba(19, 21, 33, 0.05); }
  .lg-border-left--lighter {
    border-left: 1px solid rgba(19, 21, 33, 0.05); }
  .lg-border-width-1 {
    border-width: 2px; }
  .lg-border-width-2 {
    border-width: 3px; }
  .lg-border-width-3 {
    border-width: 4px; }
  .lg-border-width-4 {
    border-width: 5px; }
  .lg-border-width-5 {
    border-width: 6px; }
  .lg-border-width-6 {
    border-width: 7px; }
  .lg-border-style-solid {
    border-style: solid; }
  .lg-border-style-dotted {
    border-style: dotted; }
  .lg-border-style-dashed {
    border-style: dashed; }
  .lg-border-style-double {
    border-style: double; }
  .lg-border-color-primary {
    border-color: #2c85c5; }
  .lg-border-color-secondary {
    border-color: #eda920; }
  .lg-border-color-tertiary {
    border-color: #f4f4f3; }
  .lg-border-color-black {
    border-color: #131521; }
  .lg-border-color-white {
    border-color: white; }
  .lg-border-none {
    border: none; }
  .lg-border-top-none {
    border-top: none; }
  .lg-border-right-none {
    border-right: none; }
  .lg-border-bottom-none {
    border-bottom: none; }
  .lg-border-left-none {
    border-left: none; } }
@media (min-width: 2600px) {
  .xl-border {
    border: 1px solid #cccccc; }
  .xl-border-top {
    border-top: 1px solid #cccccc; }
  .xl-border-right {
    border-right: 1px solid #cccccc; }
  .xl-border-bottom {
    border-bottom: 1px solid #cccccc; }
  .xl-border-left {
    border-left: 1px solid #cccccc; }
  .xl-border--light {
    border: 1px solid rgba(19, 21, 33, 0.05); }
  .xl-border-top--lighter {
    border-top: 1px solid rgba(19, 21, 33, 0.05); }
  .xl-border-right--lighter {
    border-right: 1px solid rgba(19, 21, 33, 0.05); }
  .xl-border-bottom--lighter {
    border-bottom: 1px solid rgba(19, 21, 33, 0.05); }
  .xl-border-left--lighter {
    border-left: 1px solid rgba(19, 21, 33, 0.05); }
  .xl-border-width-1 {
    border-width: 2px; }
  .xl-border-width-2 {
    border-width: 3px; }
  .xl-border-width-3 {
    border-width: 4px; }
  .xl-border-width-4 {
    border-width: 5px; }
  .xl-border-width-5 {
    border-width: 6px; }
  .xl-border-width-6 {
    border-width: 7px; }
  .xl-border-style-solid {
    border-style: solid; }
  .xl-border-style-dotted {
    border-style: dotted; }
  .xl-border-style-dashed {
    border-style: dashed; }
  .xl-border-style-double {
    border-style: double; }
  .xl-border-color-primary {
    border-color: #2c85c5; }
  .xl-border-color-secondary {
    border-color: #eda920; }
  .xl-border-color-tertiary {
    border-color: #f4f4f3; }
  .xl-border-color-black {
    border-color: #131521; }
  .xl-border-color-white {
    border-color: white; }
  .xl-border-none {
    border: none; }
  .xl-border-top-none {
    border-top: none; }
  .xl-border-right-none {
    border-right: none; }
  .xl-border-bottom-none {
    border-bottom: none; }
  .xl-border-left-none {
    border-left: none; } }
.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; }

.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 {
  color: #131521;
  border: 0;
  text-overflow: ellipsis;
  line-height: 0;
  font-weight: 700;
  background: transparent; }
  .actionBoxGroup .actionBox__permalink input:hover, .actionBoxGroup .actionBox__permalink input:focus {
    color: #2c85c5; }
  .actionBoxGroup .actionBox__permalink input::selection {
    background-color: #2c85c5;
    color: white; }

.actionBoxGroup--product {
  display: flex;
  align-items: center;
  flex-direction: column;
  border: 1px solid #131521; }
  .actionBoxGroup--product .actionBox {
    font-size: 0.875rem;
    flex-grow: 1;
    align-items: center;
    width: 100%; }
  .actionBoxGroup--product .actionBox__addProduct {
    display: flex;
    text-align: center;
    background-color: #eaeaea;
    padding: 1rem 0.5rem;
    border-bottom: 1px solid #131521; }
    .actionBoxGroup--product .actionBox__addProduct form {
      flex-grow: 1; }
    .actionBoxGroup--product .actionBox__addProduct form select {
      border: none; }
    .actionBoxGroup--product .actionBox__addProduct form a {
      display: inline-block;
      width: auto; }
    .actionBoxGroup--product .actionBox__addProduct .button {
      border-color: transparent; }
  .actionBoxGroup--product .actionBox__actions--favorites {
    display: flex;
    text-align: center;
    background-color: #eaeaea;
    border-bottom: 1px solid #131521; }
    .actionBoxGroup--product .actionBox__actions--favorites a {
      flex-grow: 1;
      padding: 1rem 0.5rem; }
      .actionBoxGroup--product .actionBox__actions--favorites a svg {
        margin-bottom: -3px; }
  .actionBoxGroup--product .actionBox__actions--inventory {
    display: flex;
    text-align: center;
    background-color: #eaeaea; }
    .actionBoxGroup--product .actionBox__actions--inventory a {
      flex-grow: 1;
      padding: 1rem 0.5rem; }
      .actionBoxGroup--product .actionBox__actions--inventory a svg {
        margin-bottom: -3px; }

.actionBoxGroup--partlist {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  align-items: center;
  background-color: #f4f4f3;
  border: 1px solid #c6c6c6;
  margin-bottom: 2rem; }
  @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; }
    .actionBoxGroup--partlist .actionBox svg {
      fill: #131521; }
  .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: 1px solid #c6c6c6; }
    @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); }
  .actionBoxGroup--partlist .actionBox__options {
    -ms-grid-row: 3;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-top: 1px solid #c6c6c6; }
    @media only screen and (min-width: 768px) {
      .actionBoxGroup--partlist .actionBox__options {
        -ms-grid-column: 2;
        -ms-grid-row: 2;
        border-top: 0;
        border-left: 1px solid #c6c6c6; } }
    @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: 1px solid #131521; }
  .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; }
  .actionBoxGroup--build .actionBox svg {
    fill: #131521; }
  .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: 1px solid #cccccc; }
    .actionBoxGroup--build .actionBox__actions li:first-of-type {
      border-right: 1px solid #cccccc; }
    .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 {
    fill: #2c85c5;
    animation-name: bounceArrow--up;
    animation-duration: .35s; }
  .actionBoxGroup--build .actionBox__vote--disabled {
    cursor: default; }
    .actionBoxGroup--build .actionBox__vote--disabled:hover {
      text-decoration: none;
      color: #131521; }
  .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: 1px solid #131521; }
  @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; }
  .actionBoxGroup--guide .actionBox svg {
    fill: #131521; }
  .actionBoxGroup--guide .actionBox__actions {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    text-align: center;
    border-bottom: 1px solid #cccccc; }
    @media only screen and (min-width: 1050px) {
      .actionBoxGroup--guide .actionBox__actions {
        -ms-grid-column: 1;
        border-bottom: none;
        border-right: 1px solid #cccccc; } }
    .actionBoxGroup--guide .actionBox__actions li:first-of-type {
      border-right: 1px solid #cccccc; }
    .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 {
    fill: #2c85c5;
    animation-name: bounceArrow--up;
    animation-duration: .35s; }
  .actionBoxGroup--guide .actionBox__vote--disabled {
    cursor: default; }
    .actionBoxGroup--guide .actionBox__vote--disabled:hover {
      text-decoration: none;
      color: #131521; }
  .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%; }

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; }

body {
  color: #131521; }

a {
  color: #2c85c5; }

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;
        color: #979797;
        position: absolute;
        right: 7px; }
      .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;
  background-color: white;
  box-shadow: 0px 0px 0px 1px #bdbdbd;
  transition: box-shadow 0.45s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .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: 1px solid #eaeaea;
    align-self: end; }
  .logGroup__card .log__author {
    font-size: 0.75rem;
    padding: 12px 1.5rem;
    background-color: #131521;
    position: relative; }
    .logGroup__card .log__author a {
      color: white;
      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 {
      color: #131521;
      pointer-events: all; }
  .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;
          fill: #131521; }
      .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;
          fill: #131521; }

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

.buildVideos li .buildVideo {
  display: block;
  line-height: 1.25;
  color: #131521;
  padding: 1rem 0;
  border-bottom: 1px solid #cccccc; }
  .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: 1px solid #cccccc; }
  .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: #979797;
    font-weight: 500;
    font-size: 0.875rem; }
  .partReviews .partReviews__review .partReviews__name a {
    color: #131521;
    font-weight: 700;
    font-size: 1.125rem; }
  .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: #979797;
    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 #bdbdbd;
  background-color: white;
  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; }
    @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;
  background-color: white;
  border: 1px solid #cccccc;
  padding: 1rem; }
  #userbuild-edit-images .image-list li .shape-drag-handle,
  #userbuild-edit-images .image-list li .shape-delete {
    fill: #bdbdbd; }
  #userbuild-edit-images .image-list li img {
    max-width: 128px;
    margin-left: 1rem; }
  #userbuild-edit-images .image-list li:hover {
    cursor: pointer; }
    #userbuild-edit-images .image-list li:hover .shape-drag-handle {
      fill: #131521; }
  #userbuild-edit-images .image-list li .user-build-image-delete:hover svg {
    fill: #d91e18; }
  #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(19, 21, 33, 0.05); }
  #buildLog .wrapper__pageTitle:before {
    display: block;
    content: "";
    background-color: rgba(19, 21, 33, 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.66667%;
      margin: 0 auto -32px;
      position: relative;
      box-shadow: 0px 0px 0px 4px white; }
      @media only screen and (min-width: 1050px) {
        #buildLog .wrapper__pageTitle .buildLog__header .buildLog__primaryImg {
          width: 33.33333%;
          margin-bottom: -2rem; } }
    #buildLog .wrapper__pageTitle .buildLog__header .h1__wrapper {
      background-color: white;
      padding-top: 2.5rem; }
      @media only screen and (min-width: 1050px) {
        #buildLog .wrapper__pageTitle .buildLog__header .h1__wrapper {
          width: 66.66667%;
          padding-left: 2rem;
          background-color: transparent;
          padding-top: 0; } }
    #buildLog .wrapper__pageTitle .buildLog__header .pageTitle {
      width: 91.66667%;
      color: #131521;
      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: white;
          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 #d7d7d7;
    text-align: center; }
    .logStatus li.logStatus__bar--null {
      border-bottom: 4px solid #d7d7d7; }

.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: #979797; }

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

.logEntry {
  border-top: 1px solid #cccccc;
  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: #131521; }
      .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: #131521; }
    .logEntry .markdown h1 a:hover {
      color: #2c85c5; }
  .logEntry .markdown figure {
    font-size: 0.75rem;
    color: #979797;
    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 #cccccc; }

.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: 1px solid #cccccc; }
  .comment__wrapper:first-of-type {
    border-top: 0; }
  .comment__wrapper .comment {
    padding: 1.5rem 0; }
    .comment__wrapper .comment .comment__commentData {
      color: #979797;
      line-height: 1; }
      .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 {
          color: #2c85c5;
          border-right: 1px solid #bdbdbd; }
          .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 .comment-delete-confirm a.comment-confirm--no:hover {
            color: #981319; }
  .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: 1px solid #cccccc; }
      .comment__wrapper .comment--nested .comment__wrapper .comment {
        padding: 1rem 0 1rem 0.5rem;
        border-top: 1px solid #cccccc; }
        @media only screen and (min-width: 1050px) {
          .comment__wrapper .comment--nested .comment__wrapper .comment {
            padding: 1.5rem; } }

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

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

.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;
        background: #2c85c5;
        transition: transform 0.45s cubic-bezier(0.165, 0.84, 0.44, 1); }
        @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;
            background: #131521; } }
  .group--filter .moreless,
  .partlist__folder .moreless {
    color: #2c85c5 !important;
    display: block;
    padding-top: 0.5rem;
    padding-bottom: 0; }
    @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 {
  background-color: #eaeaea;
  -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; }
  @media only screen and (min-width: 1050px) {
    .ui-slider {
      width: 92%;
      left: 4%;
      right: 4%; } }

.filter-incompatible {
  color: rgba(255, 255, 255, 0.25); }
  @media only screen and (min-width: 1050px) {
    .filter-incompatible {
      color: #979797; } }

.ui-slider-horizontal {
  height: 3px;
  position: relative; }
  .ui-slider-horizontal .ui-slider-range {
    position: absolute;
    height: 3px;
    top: 0;
    background-color: #2c85c5; }
  .ui-slider-horizontal .ui-slider-handle {
    border-radius: 50%;
    position: absolute;
    display: inline-block;
    width: 25px;
    height: 25px;
    top: -11px;
    margin-left: -8px;
    background-color: white;
    outline: none; }
    @media only screen and (min-width: 1050px) {
      .ui-slider-horizontal .ui-slider-handle {
        width: 15px;
        height: 15px;
        top: -6px;
        background-color: #2c85c5; } }

.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; } }

footer {
  background: #bdbdbd;
  padding: 3rem 0; }
  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: white; }
  .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(189, 189, 189, 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: white;
  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%;
          box-shadow: inset 0px 0px 0px 4px #bdbdbd;
          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); }
        .gallery .gallery__paging ul li:hover:after {
          height: 14px;
          width: 14px;
          box-shadow: inset 0px 0px 0px 4px #131521; }
        .gallery .gallery__paging ul li.gallery__paging--active:after {
          height: 14px;
          width: 14px;
          box-shadow: inset 0px 0px 0px 4px #131521; }

.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;
    background-color: #131521; }

.gallery__header {
  background-color: #f9f9f9;
  background-image: url("https://cdn.pcpartpicker.com/static/forever/img/pcpp.png");
  background-repeat: no-repeat;
  background-size: 150px 32px;
  background-position: 1.5rem 1rem;
  border-bottom: 1px solid rgba(19, 21, 33, 0.05);
  height: 64px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 0 0 65px;
  z-index: 110; }
  @media only screen and (min-width: 768px) {
    .gallery__header {
      padding: 0 300px 0 198px; } }
  .gallery__header .gallery__title {
    display: block;
    background-color: #f9f9f9;
    margin: 0;
    padding: 11px 50px 12px 0.5rem; }
    @media only screen and (min-width: 768px) {
      .gallery__header .gallery__title {
        padding-left: 1.5rem;
        border-left: 1px solid rgba(19, 21, 33, 0.05); } }
    .gallery__header .gallery__title h3 {
      font-size: 0.75rem;
      color: #26293c;
      font-weight: 500; }
    .gallery__header .gallery__title h1 {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 1rem;
      color: #131521;
      font-weight: 500; }
      @media only screen and (min-width: 1050px) {
        .gallery__header .gallery__title h1 {
          font-size: 1.125rem; } }
  .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 .icon {
    fill: #131521; }
  .gallery__controls a:hover {
    background-color: rgba(19, 21, 33, 0.05);
    transition: background-color 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.gallery__controls--mobile {
  background-color: #f9f9f9;
  border-top: 1px solid rgba(19, 21, 33, 0.05);
  position: absolute;
  bottom: 0;
  width: 100%;
  display: block; }
  .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: zoom-in;
      max-width: 90%;
      max-height: 90%;
      width: auto !important;
      height: auto !important;
      vertical-align: middle;
      display: inline-block; }

.image--zoomed img {
  cursor: zoom-out !important;
  max-width: none !important;
  max-height: none !important; }

.gallery--product {
  border-top: 1px solid #131521;
  border-left: 1px solid #131521;
  border-right: 1px solid #131521;
  padding: 0; }
  @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; }

.offCanvas__gallery {
  background-color: white !important; }

#product-page .product__image {
  border-top: 1px solid #131521;
  border-left: 1px solid #131521;
  border-right: 1px solid #131521;
  cursor: pointer;
  background-color: white;
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: center; }
  #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); }

.group {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 1rem;
  margin-bottom: 1rem; }
  .group:last-of-type {
    border-bottom: none; }
  .group .group__title--trigger {
    cursor: pointer; }
  .group .group__content--empty:after {
    content: "";
    display: block;
    width: 18px;
    height: 2px;
    background-color: rgba(0, 0, 0, 0.1);
    margin: 8px 0; }

#products .group,
#user-saved-partlists .group {
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #cccccc; }
  #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 {
  background-color: #bdbdbd;
  position: relative;
  display: grid;
  transition: box-shadow 0.45s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .guideGroup__card:hover {
    box-shadow: 0px 0px 0px 3px #131521;
    transition: box-shadow 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
    .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: white;
    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: white;
      font-size: 1rem;
      line-height: 1; }
    .guideGroup__card .guide__numbers .guide__links {
      flex-grow: 1;
      text-align: right;
      line-height: 1.125;
      color: white; }
      .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: white;
    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 #131521 !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 #131521;
  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: white;
    font-size: 1.25rem;
    line-height: 1;
    margin-right: 2rem; }
    #guide-detail .wrapper__pageTitle .guide__numbers .guide__price a {
      color: white; }
    @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: #131521; }
    #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 #131521;
  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: #131521 !important;
      color: #131521 !important;
      background-color: white !important; }
      #guide-detail #product_gallery_box .gallery .gallery__control .button:hover {
        background-color: #131521 !important; }
    #guide-detail #product_gallery_box .gallery .gallery__images .gallery__image {
      background-color: white; }
#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 {
  fill: #131521;
  width: 16px;
  height: 16px; }

.masthead svg.icon {
  fill: white; }

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

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

.shape-inbox--messages {
  fill: #eda920 !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 {
    fill: #eda920;
    transition: fill 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .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); }

#shape-star-half g#star-full {
  fill: rgba(189, 189, 189, 0.7); }
#shape-star-half g#star-half {
  fill: #ff960c; }

.product--rating li {
  display: inline;
  margin-right: 2px; }
.product--rating svg.icon {
  fill: #ff960c;
  width: 10px;
  height: 10px; }
.product--rating svg.shape-star-empty {
  fill: #bdbdbd; }

.filter--rating svg {
  width: 14px;
  height: 14px;
  fill: #ff960c; }
  .filter--rating svg.shape-star-empty {
    fill: #bdbdbd; }

.ugcActions svg {
  fill: #bdbdbd;
  width: 14px;
  height: 14px;
  margin-bottom: -3px;
  transition: fill 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  cursor: pointer; }
  .ugcActions svg:hover {
    fill: #2c85c5;
    transition: fill 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
.ugcActions .comment-voted-up-owner svg, .ugcActions .comment-voted-up svg, .ugcActions .comment-voted-down svg {
  fill: #131521; }
.ugcActions .comment-voted-down-owner svg:hover {
  fill: #bdbdbd; }
.ugcActions .comment-voted-up-owner svg, .ugcActions .comment-voted-down-owner svg {
  cursor: auto; }

#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: relative;
  z-index: 100; }
  .masthead .nav__top {
    background-color: #131521;
    padding: 0.5rem 0; }
    .masthead .nav__top .nav__wrapper {
      height: 56px; }
      @supports (display: grid) or (display: -ms-grid) {
        .masthead .nav__top .nav__wrapper {
          height: auto;
          display: -ms-grid;
          -ms-grid-columns: 160px 1fr;
          display: grid;
          grid-template-columns: 160px 1fr;
          -ms-grid-rows: 56px;
          grid-template-rows: 56px;
          align-items: center; }
          @media only screen and (min-width: 1050px) {
            .masthead .nav__top .nav__wrapper {
              -ms-grid-columns: 180px 1fr;
              grid-template-columns: 180px 1fr; } }
          .masthead .nav__top .nav__wrapper .nav__logo {
            -ms-grid-column: 1;
            -ms-grid-row-align: center; }
            .masthead .nav__top .nav__wrapper .nav__logo img {
              width: 100%; }
          .masthead .nav__top .nav__wrapper .nav__menu--mobile {
            -ms-grid-column: 2;
            -ms-grid-row-align: center; }
          .masthead .nav__top .nav__wrapper .nav__account {
            -ms-grid-column: 2;
            -ms-grid-row-align: center; } }
      .masthead .nav__top .nav__wrapper .nav__logo {
        display: inline-block;
        line-height: 0;
        position: relative;
        top: 6px; }
        @supports (display: grid) or (display: -ms-grid) {
          .masthead .nav__top .nav__wrapper .nav__logo {
            display: block;
            position: static;
            top: 0; } }
        .masthead .nav__top .nav__wrapper .nav__logo img {
          max-width: 180px; }
      .masthead .nav__top .nav__wrapper .nav__menu--mobile {
        text-align: right;
        line-height: 0;
        display: inline-block;
        float: right;
        position: relative;
        top: 18px; }
        @supports (display: grid) or (display: -ms-grid) {
          .masthead .nav__top .nav__wrapper .nav__menu--mobile {
            display: block;
            float: none;
            position: static;
            top: 0; } }
        @media only screen and (min-width: 1050px) {
          .masthead .nav__top .nav__wrapper .nav__menu--mobile {
            display: none; } }
        .masthead .nav__top .nav__wrapper .nav__menu--mobile li {
          display: inline-block; }
          .masthead .nav__top .nav__wrapper .nav__menu--mobile li a {
            display: block;
            margin-left: 1.25rem; }
            @media only screen and (min-width: 1050px) {
              .masthead .nav__top .nav__wrapper .nav__menu--mobile li a {
                margin-left: 1.5rem; } }
          .masthead .nav__top .nav__wrapper .nav__menu--mobile li.nav__account--messages a {
            position: relative;
            color: white; }
          .masthead .nav__top .nav__wrapper .nav__menu--mobile li.nav__account--messages span {
            position: absolute;
            display: block;
            font-size: 9px;
            font-weight: 700;
            top: -8px;
            right: -9px;
            background-color: #131521;
            border: 2px solid #eda920;
            border-radius: 4px;
            padding: 5px 2px; }
      .masthead .nav__top .nav__wrapper .nav__account {
        display: none;
        font-size: 1.25rem; }
        @media only screen and (min-width: 1050px) {
          .masthead .nav__top .nav__wrapper .nav__account {
            display: inline-block;
            text-align: right;
            font-size: 0.75rem;
            float: right;
            position: relative;
            top: 14px; }
            @supports (display: grid) or (display: -ms-grid) {
              .masthead .nav__top .nav__wrapper .nav__account {
                display: block;
                position: static;
                top: 0; } } }
        .masthead .nav__top .nav__wrapper .nav__account li {
          display: block; }
          @media only screen and (min-width: 1050px) {
            .masthead .nav__top .nav__wrapper .nav__account li {
              display: inline-block; } }
          .masthead .nav__top .nav__wrapper .nav__account li a {
            display: block;
            color: #eaeaea;
            padding: 0.5rem 0;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
            .masthead .nav__top .nav__wrapper .nav__account li a:hover {
              color: #2c85c5; }
            @media only screen and (min-width: 1050px) {
              .masthead .nav__top .nav__wrapper .nav__account li a {
                padding: 0 0.5rem;
                border-bottom: 0;
                border-right: 1px solid rgba(255, 255, 255, 0.1); } }
          .masthead .nav__top .nav__wrapper .nav__account li.nav__account--messages a:hover .icon {
            fill: #eda920; }
          .masthead .nav__top .nav__wrapper .nav__account li.nav__account--country form {
            position: relative; }
            @media only screen and (min-width: 1050px) {
              .masthead .nav__top .nav__wrapper .nav__account li.nav__account--country form.country-selector {
                margin-left: 0.5rem; } }
            .masthead .nav__top .nav__wrapper .nav__account li.nav__account--country form.country-selector select {
              border: none;
              border-radius: 0;
              box-shadow: none;
              background-color: transparent;
              border: 1px solid transparent;
              color: white;
              padding-left: 2.5rem;
              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%3Cpolygon points='9,13.6 2.2,6.8 3.8,5.2 9,10.4 14.2,5.2 15.8,6.8 ' fill='%239BA1AB'/%3E%3C/svg%3E");
              background-repeat: no-repeat;
              font-size: 1.25rem;
              line-height: 1.75;
              background-position: right 0px top 12px;
              background-size: 24px; }
              @media only screen and (min-width: 1050px) {
                .masthead .nav__top .nav__wrapper .nav__account li.nav__account--country form.country-selector select {
                  padding-left: 1.5rem;
                  font-size: 0.75rem;
                  line-height: 1.5;
                  background-position: right 10px top 8px;
                  background-size: 14px 14px; } }
              .masthead .nav__top .nav__wrapper .nav__account li.nav__account--country form.country-selector select:hover {
                color: #2c85c5; }
              .masthead .nav__top .nav__wrapper .nav__account li.nav__account--country form.country-selector select:focus {
                outline: none; }
            .masthead .nav__top .nav__wrapper .nav__account li.nav__account--country form.country-selector option {
              color: #131521; }
            .masthead .nav__top .nav__wrapper .nav__account li.nav__account--country form.country-selector .flag-icon {
              position: absolute;
              left: 0;
              top: 14px;
              background-color: white;
              border: 1px solid white;
              background-repeat: no-repeat;
              background-size: 28px 20px;
              width: 30px;
              height: 22px; }
              @media only screen and (min-width: 1050px) {
                .masthead .nav__top .nav__wrapper .nav__account li.nav__account--country form.country-selector .flag-icon {
                  top: 9px;
                  background-size: 14px 10px;
                  width: 16px;
                  height: 12px; } }
            .masthead .nav__top .nav__wrapper .nav__account li.nav__account--country form.country-selector .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"); }
            .masthead .nav__top .nav__wrapper .nav__account li.nav__account--country form.country-selector .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"); }
            .masthead .nav__top .nav__wrapper .nav__account li.nav__account--country form.country-selector .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"); }
            .masthead .nav__top .nav__wrapper .nav__account li.nav__account--country form.country-selector .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"); }
            .masthead .nav__top .nav__wrapper .nav__account li.nav__account--country form.country-selector .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"); }
            .masthead .nav__top .nav__wrapper .nav__account li.nav__account--country form.country-selector .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"); }
            .masthead .nav__top .nav__wrapper .nav__account li.nav__account--country form.country-selector .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"); }
            .masthead .nav__top .nav__wrapper .nav__account li.nav__account--country form.country-selector .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"); }
            .masthead .nav__top .nav__wrapper .nav__account li.nav__account--country form.country-selector .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"); }
            .masthead .nav__top .nav__wrapper .nav__account li.nav__account--country form.country-selector .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"); }
            .masthead .nav__top .nav__wrapper .nav__account li.nav__account--country form.country-selector .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"); }
            .masthead .nav__top .nav__wrapper .nav__account li.nav__account--country form.country-selector .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"); }
            .masthead .nav__top .nav__wrapper .nav__account li.nav__account--country form.country-selector .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"); }
  .masthead .nav__bottom {
    background-color: #131521; }
    @supports (display: grid) or (display: -ms-grid) {
      .masthead .nav__bottom .nav__wrapper {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr auto;
        grid-template-columns: 1fr auto; }
        .masthead .nav__bottom .nav__wrapper .nav__categories {
          -ms-grid-column: 1; } }
    .masthead .nav__bottom .nav__wrapper .nav__categories {
      display: none;
      position: absolute;
      text-align: center;
      padding: 1.5rem 0; }
      @media only screen and (min-width: 1050px) {
        .masthead .nav__bottom .nav__wrapper .nav__categories {
          display: inline-block;
          vertical-align: middle;
          position: inherit;
          text-align: left;
          padding: 0; }
          @supports (display: grid) or (display: -ms-grid) {
            .masthead .nav__bottom .nav__wrapper .nav__categories {
              display: block;
              vertical-align: inherit; } } }
      .masthead .nav__bottom .nav__wrapper .nav__categories > li {
        display: block; }
        @media only screen and (min-width: 1050px) {
          .masthead .nav__bottom .nav__wrapper .nav__categories > li {
            display: inline-block; } }
        .masthead .nav__bottom .nav__wrapper .nav__categories > li a {
          display: inline-block;
          padding: 0.5rem; }
          @media only screen and (min-width: 1050px) {
            .masthead .nav__bottom .nav__wrapper .nav__categories > li a {
              padding: 1rem 0.5rem; } }
          .masthead .nav__bottom .nav__wrapper .nav__categories > li a.nav__categories--active {
            color: #2c85c5; }
        .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 {
          color: white;
          font-size: 1.25rem; }
          @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 {
              font-size: 0.875rem; } }
          .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 {
            color: #2c85c5; }
            .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--partlist a:hover svg, .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--browseProducts a:hover svg, .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--guides a:hover svg, .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--builds a:hover svg {
              fill: #eda920; }
        .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--browseProducts {
          display: none; }
          @media only screen and (min-width: 1050px) {
            .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--browseProducts {
              display: inline-block;
              margin-right: 0.5rem; } }
          .masthead .nav__bottom .nav__wrapper .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%; }
            .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--browseProducts a .down-caret svg {
              width: 14px;
              height: 14px; }
          .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__categories--browseProducts a .down-caret--rotate {
            transform: rotate(180deg); }
        .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts {
          background-color: transparent;
          width: 100%;
          padding: 2rem 0;
          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) {
            .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts {
              background-color: #26293c;
              position: absolute; } }
          @media only screen and (min-width: 1050px) {
            @supports (display: grid) or (display: -ms-grid) {
              .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__wrapper {
                display: -ms-grid;
                display: grid;
                -ms-grid-columns: 1fr 1fr;
                grid-template-columns: 1fr 1fr;
                grid-column-gap: 2rem; } } }
          @media only screen and (min-width: 1050px) {
            .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group1 {
              display: inline-block;
              width: 49%;
              vertical-align: top; }
              @supports (display: grid) or (display: -ms-grid) {
                .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group1 {
                  display: block;
                  width: auto;
                  vertical-align: inherit;
                  -ms-grid-column: 1; }
                  @media only screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
                    .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group1 {
                      margin-right: 1rem; } } } }
          @supports (display: grid) or (display: -ms-grid) {
            .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group1 ul {
              display: -ms-grid;
              display: grid;
              -ms-grid-columns: 1fr 1fr;
              -ms-grid-rows: 1fr 1fr 1fr 1fr;
              grid-template-columns: repeat(2, 1fr);
              grid-gap: 0.5rem; }
              @media only screen and (min-width: 768px) {
                .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group1 ul {
                  -ms-grid-columns: 1fr 1fr 1fr 1fr;
                  -ms-grid-rows: 1fr 1fr;
                  grid-template-columns: repeat(4, 1fr); } } }
          .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group1 ul li {
            display: inline-block;
            width: 49%; }
            @supports (display: grid) or (display: -ms-grid) {
              .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group1 ul li {
                vertical-align: inherit;
                display: block;
                width: auto; }
                .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group1 ul li:nth-child(1) {
                  -ms-grid-column: 1;
                  -ms-grid-row: 1; }
                .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group1 ul li:nth-child(2) {
                  -ms-grid-column: 2;
                  -ms-grid-row: 1; }
                .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group1 ul li:nth-child(3) {
                  -ms-grid-column: 1;
                  -ms-grid-row: 2; }
                .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group1 ul li:nth-child(4) {
                  -ms-grid-column: 2;
                  -ms-grid-row: 2; }
                .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group1 ul li:nth-child(5) {
                  -ms-grid-column: 1;
                  -ms-grid-row: 3; }
                .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group1 ul li:nth-child(6) {
                  -ms-grid-column: 2;
                  -ms-grid-row: 3; }
                .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group1 ul li:nth-child(7) {
                  -ms-grid-column: 1;
                  -ms-grid-row: 4; }
                .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group1 ul li:nth-child(8) {
                  -ms-grid-column: 2;
                  -ms-grid-row: 4; } }
            @media only screen and (min-width: 768px) {
              .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group1 ul li {
                width: 24%; }
                @supports (display: grid) or (display: -ms-grid) {
                  .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group1 ul li {
                    width: auto; }
                    .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group1 ul li:nth-child(1) {
                      -ms-grid-column: 1;
                      -ms-grid-row: 1; }
                    .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group1 ul li:nth-child(2) {
                      -ms-grid-column: 2;
                      -ms-grid-row: 1; }
                    .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group1 ul li:nth-child(3) {
                      -ms-grid-column: 3;
                      -ms-grid-row: 1; }
                    .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group1 ul li:nth-child(4) {
                      -ms-grid-column: 4;
                      -ms-grid-row: 1; }
                    .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group1 ul li:nth-child(5) {
                      -ms-grid-column: 1;
                      -ms-grid-row: 2; }
                    .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group1 ul li:nth-child(6) {
                      -ms-grid-column: 2;
                      -ms-grid-row: 2; }
                    .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group1 ul li:nth-child(7) {
                      -ms-grid-column: 3;
                      -ms-grid-row: 2; }
                    .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group1 ul li:nth-child(8) {
                      -ms-grid-column: 4;
                      -ms-grid-row: 2; } } }
            .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group1 ul li a {
              display: block;
              text-align: center;
              padding: 0.5rem;
              background-color: #30344c;
              border: 1px solid rgba(255, 255, 255, 0.1);
              color: white;
              font-size: 0.75rem;
              height: 100%; }
              .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group1 ul li a:hover {
                color: #2c85c5; }
              .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group1 ul li a img {
                display: block;
                margin: 0 auto 0.5rem;
                min-width: 64px;
                max-width: 100px;
                width: 100%; }
          .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group2 {
            text-align: left; }
            @supports (display: -ms-grid) {
              .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group2 {
                -ms-grid-column: 2; } }
            @media only screen and (min-width: 1050px) {
              .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group2 {
                display: inline-block;
                width: 49%;
                vertical-align: top; }
                @supports (display: grid) or (display: -ms-grid) {
                  .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .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 (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
                      .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group2 {
                        margin-left: 1rem; } }
                    .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group2 > div:nth-child(1) {
                      -ms-grid-column: 1; }
                    .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group2 > div:nth-child(2) {
                      -ms-grid-column: 2; }
                    .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group2 > div:nth-child(3) {
                      -ms-grid-column: 3; } } }
            @media only screen and (min-width: 1050px) {
              .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group2 .browseProducts__col1,
              .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group2 .browseProducts__col2,
              .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .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) {
                  .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group2 .browseProducts__col1,
                  .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group2 .browseProducts__col2,
                  .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group2 .browseProducts__col3 {
                    display: block;
                    width: auto;
                    vertical-align: inherit;
                    margin-right: 0; } } }
            .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group2 ul {
              margin: 1.5rem 0 0 0; }
              @media only screen and (min-width: 1050px) {
                .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group2 ul {
                  margin: 0 0 1rem 0; }
                  .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group2 ul:last-of-type {
                    margin: 0; } }
              .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group2 ul li h2 {
                font-size: 1.25rem;
                color: rgba(255, 255, 255, 0.5);
                border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
                @media only screen and (min-width: 1050px) {
                  .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group2 ul li h2 {
                    font-size: 0.75rem;
                    margin-bottom: 0.25rem; } }
              .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group2 ul li a {
                display: block;
                padding: 0.25rem 0;
                color: white;
                font-size: 1.25rem; }
                @media only screen and (min-width: 1050px) {
                  .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group2 ul li a {
                    font-size: 0.75rem;
                    line-height: 1.25; } }
                .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group2 ul li a:hover {
                  color: #2c85c5; }
    .masthead .nav__bottom .nav__wrapper .nav__search {
      padding: 1rem 0.5rem;
      display: none;
      line-height: 0; }
      @supports (display: -ms-grid) {
        .masthead .nav__bottom .nav__wrapper .nav__search {
          -ms-grid-column: 2; } }
      @media only screen and (min-width: 1050px) {
        .masthead .nav__bottom .nav__wrapper .nav__search {
          display: inline-block;
          vertical-align: middle;
          float: right; }
          @supports (display: grid) or (display: -ms-grid) {
            .masthead .nav__bottom .nav__wrapper .nav__search {
              display: block;
              vertical-align: inherit;
              float: none; } } }

.nav__account--display,
.nav__categories--display {
  background-color: #1e2134;
  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; }
  @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__account--display {
  display: inline-block !important;
  padding: 2rem; }
  @supports (display: grid) or (display: -ms-grid) {
    .nav__account--display {
      display: block !important; } }
  @media only screen and (min-width: 1050px) {
    .nav__account--display {
      padding: 0; } }

.nav__categories--display {
  display: inline-block !important; }
  @supports (display: grid) or (display: -ms-grid) {
    .nav__categories--display {
      display: -ms-grid !important;
      display: grid !important;
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr; }
      .nav__categories--display .nav__categories--partlist {
        grid-column: 1/3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        -ms-grid-row: 1; }
      .nav__categories--display .nav__categories--guides {
        grid-column: 1/3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        -ms-grid-row: 2; }
      .nav__categories--display .nav__categories--builds {
        grid-column: 1/3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        -ms-grid-row: 3; }
      .nav__categories--display .nav__categories--group1 {
        -ms-grid-column: 1;
        -ms-grid-row: 4; }
      .nav__categories--display .nav__categories--group2 {
        -ms-grid-column: 2;
        -ms-grid-row: 4; }
      .nav__categories--display > li:last-of-type {
        grid-column: 1/3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        -ms-grid-row: 5; } }
  @media only screen and (min-width: 1050px) {
    .nav__categories--display {
      display: inline-block !important; }
      @supports (display: grid) or (display: -ms-grid) {
        .nav__categories--display {
          display: block !important; } } }
  .nav__categories--display .browseProducts {
    display: block !important; }

.icon--hide {
  display: none !important; }

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

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

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

.no-scroll--gallery {
  overflow-y: hidden !important;
  width: 100%;
  height: 100vh; }

.offCanvas {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #191b2b;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  z-index: 100; }
  @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: #131521;
    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: white; }
      @media only screen and (min-width: 1050px) {
        .offCanvas .offCanvas__content .subTitle__header {
          border-color: inherit; } }
      .offCanvas .offCanvas__content .subTitle__header h2 {
        color: white; }
        @media only screen and (min-width: 1050px) {
          .offCanvas .offCanvas__content .subTitle__header h2 {
            color: inherit; } }
    .offCanvas .offCanvas__content .miniPartlist {
      background-color: #f4f4f3;
      color: #131521;
      margin-bottom: 2rem; }
      @media only screen and (min-width: 1050px) {
        .offCanvas .offCanvas__content .miniPartlist {
          border: 2px solid #c6c6c6; } }
      .offCanvas .offCanvas__content .miniPartlist img {
        width: 24px;
        margin-bottom: -9px;
        margin-left: 5px;
        margin-right: 6px; }
      .offCanvas .offCanvas__content .miniPartlist .subTitle {
        margin-bottom: 0;
        padding: 1rem 0.5rem; }
        .offCanvas .offCanvas__content .miniPartlist .subTitle .subTitle__header {
          padding-bottom: 0;
          border-bottom: 0;
          text-align: center; }
          .offCanvas .offCanvas__content .miniPartlist .subTitle .subTitle__header h2 {
            font-size: 1rem;
            color: #131521; }
      .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;
          background-color: #f4f4f3;
          padding: 0 1rem;
          display: inline-block;
          z-index: 1; }
        .offCanvas .offCanvas__content .miniPartlist .filter__compatibility:after {
          content: "";
          display: block;
          position: absolute;
          height: 2px;
          width: 100%;
          top: 49%;
          background-color: #131521; }
      .offCanvas .offCanvas__content .miniPartlist .moreless {
        font-size: 0.875rem;
        display: block;
        font-weight: 700;
        text-align: center;
        color: #131521;
        padding: 1rem; }
        .offCanvas .offCanvas__content .miniPartlist .moreless svg {
          fill: #131521; }
        .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;
        color: #131521;
        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__priceTrends, .offCanvas__sidebar, .offCanvas__favorites {
  display: none; }
  .offCanvas__priceTrends .module-subTitle, .offCanvas__sidebar .module-subTitle, .offCanvas__favorites .module-subTitle {
    display: block; }
  @media only screen and (min-width: 1050px) {
    .offCanvas__priceTrends, .offCanvas__sidebar, .offCanvas__favorites {
      display: block; } }

.offCanvas__sort {
  display: none; }
  .offCanvas__sort .module-subTitle {
    display: block; }

.offCanvas__search {
  display: none; }
  @media only screen and (min-width: 1050px) {
    .offCanvas__search {
      position: fixed;
      background: #191b2b;
      z-index: 100; } }
  @media only screen and (min-width: 1050px) {
    .offCanvas__search .masthead {
      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; }

.offCanvas__search .masthead .nav__top .nav__wrapper .nav__menu--mobile {
  top: 0; }
.offCanvas__search .offCanvas__content {
  padding-top: 1rem; }
  .offCanvas__search .offCanvas__content .search_results ul li {
    overflow: hidden;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 0.5rem 0; }
    .offCanvas__search .offCanvas__content .search_results ul li .search_results--img {
      float: left;
      background: white;
      border: 2px solid #131521;
      margin-right: 0.5rem;
      padding: 0.5rem;
      display: block;
      width: 60px;
      height: 60px;
      text-align: center; }
      .offCanvas__search .offCanvas__content .search_results 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%); }
    .offCanvas__search .offCanvas__content .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) {
        .offCanvas__search .offCanvas__content .search_results ul li .search_results--link {
          width: 70%;
          padding-top: 0.5rem;
          font-size: 0.875rem; } }
      .offCanvas__search .offCanvas__content .search_results ul li .search_results--link:hover {
        text-decoration: none; }
      .offCanvas__search .offCanvas__content .search_results ul li .search_results--link .search_results--category {
        font-size: 0.75rem;
        font-weight: 700;
        color: #979797;
        text-transform: uppercase; }
    .offCanvas__search .offCanvas__content .search_results ul li .search_results--typeahead {
      color: white;
      font-weight: 700; }
    .offCanvas__search .offCanvas__content .search_results ul li .button {
      float: right;
      margin-top: 12px; }
      @media only screen and (min-width: 768px) {
        .offCanvas__search .offCanvas__content .search_results ul li .button {
          margin-top: 14px; } }

.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 #cccccc;
      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: white;
        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; } }
        .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; } }
          .search-results__pageContent ul li .search_results--contentWrapper .search_results--price a {
            color: #131521; }
      .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; } }

.wrapper__pageTitle {
  background-color: #bdbdbd; }
  .wrapper__pageTitle > section {
    padding: 1rem 0; }
    @media only screen and (min-width: 1050px) {
      .wrapper__pageTitle > section {
        padding: 2rem 0; } }
  .wrapper__pageTitle.wrapper__pageTitle--rating {
    color: rgba(255, 255, 255, 0.5); }
    .wrapper__pageTitle.wrapper__pageTitle--rating .product--rating {
      margin-top: 0.5rem; }
      .wrapper__pageTitle.wrapper__pageTitle--rating .product--rating li svg {
        width: 16px;
        height: 16px; }
  .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; }
    @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 .user {
    font-size: 0.875rem; }
    @media only screen and (min-width: 1050px) {
      .wrapper__pageTitle .user {
        font-size: 1.125rem; } }
    .wrapper__pageTitle .user a {
      color: #2c85c5;
      font-weight: 700;
      display: inline-block;
      font-size: 0.875rem;
      margin-left: 0.5rem; }
      .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 {
  color: #979797;
  text-align: center; }
  @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; } }

#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; }

#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-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-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-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-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;
  margin-bottom: 1rem; }

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

.subTitle {
  margin-bottom: 1rem;
  position: relative; }
  .subTitle .subTitle__form {
    position: relative;
    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 {
    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: 1px solid #cccccc; }
    .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;
        background-color: rgba(0, 0, 0, 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 {
          fill: #bdbdbd;
          transition: fill 0.45s cubic-bezier(0.165, 0.84, 0.44, 1); }
          .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 {
            fill: #d91e18;
            transition: fill 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
      .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: 1px solid #cccccc;
    font-size: 0.6875rem;
    line-height: 1;
    color: #979797;
    font-weight: normal;
    text-align: left;
    vertical-align: bottom; }
    .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;
  color: #131521;
  vertical-align: top; }
  .partlist--mini td:last-of-type {
    border-bottom: 0; }
  .partlist--mini td h4 {
    color: #979797;
    font-size: 0.6875rem;
    font-weight: 500; }
  .partlist--mini td.td__component {
    border-top: 1px solid #cccccc;
    padding-bottom: calc(0.5rem / 2);
    padding-top: 0.5rem; }
  .partlist--mini td.td__image {
    padding-right: 0.5rem; }
    .partlist--mini td.td__image a {
      display: block;
      height: 36px;
      width: 36px;
      text-align: center; }
      .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: #131521; }
      .partlist--mini td.td__name a:hover {
        color: #2c85c5; }
    .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 #cccccc;
  margin-top: 1rem; }
  .partlist--totals td {
    padding: 0.5rem 0 0 0; }

.partlist--log tr {
  border-top: 1px solid #cccccc; }
.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; }
  @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;
      padding-bottom: 0.5rem;
      margin-bottom: 1rem; } }
#partlist .partlist__compatibility, #user-saved-partlists .partlist__compatibility, #user-completed-builds .partlist__compatibility, #user-favorite-products .partlist__compatibility, #user-inventory-products .partlist__compatibility, #userbuild-pick-partlist .partlist__compatibility, #buildguide-view .partlist__compatibility {
  -ms-grid-row: 1;
  margin-bottom: 1rem; }
  @media only screen and (min-width: 768px) {
    #partlist .partlist__compatibility, #user-saved-partlists .partlist__compatibility, #user-completed-builds .partlist__compatibility, #user-favorite-products .partlist__compatibility, #user-inventory-products .partlist__compatibility, #userbuild-pick-partlist .partlist__compatibility, #buildguide-view .partlist__compatibility {
      margin-bottom: 0; } }
  @media only screen and (min-width: 1050px) {
    #partlist .partlist__compatibility, #user-saved-partlists .partlist__compatibility, #user-completed-builds .partlist__compatibility, #user-favorite-products .partlist__compatibility, #user-inventory-products .partlist__compatibility, #userbuild-pick-partlist .partlist__compatibility, #buildguide-view .partlist__compatibility {
      -ms-grid-column: 1; } }
  #partlist .partlist__compatibility p, #user-saved-partlists .partlist__compatibility p, #user-completed-builds .partlist__compatibility p, #user-favorite-products .partlist__compatibility p, #user-inventory-products .partlist__compatibility p, #userbuild-pick-partlist .partlist__compatibility p, #buildguide-view .partlist__compatibility p {
    position: relative; }
    #partlist .partlist__compatibility p span, #user-saved-partlists .partlist__compatibility p span, #user-completed-builds .partlist__compatibility p span, #user-favorite-products .partlist__compatibility p span, #user-inventory-products .partlist__compatibility p span, #userbuild-pick-partlist .partlist__compatibility p span, #buildguide-view .partlist__compatibility p span {
      font-weight: 700; }
    #partlist .partlist__compatibility p svg, #user-saved-partlists .partlist__compatibility p svg, #user-completed-builds .partlist__compatibility p svg, #user-favorite-products .partlist__compatibility p svg, #user-inventory-products .partlist__compatibility p svg, #userbuild-pick-partlist .partlist__compatibility p svg, #buildguide-view .partlist__compatibility p svg {
      margin-right: 0.5rem; }
    #partlist .partlist__compatibility p.partlist__compatibility--noIssues span, #user-saved-partlists .partlist__compatibility p.partlist__compatibility--noIssues span, #user-completed-builds .partlist__compatibility p.partlist__compatibility--noIssues span, #user-favorite-products .partlist__compatibility p.partlist__compatibility--noIssues span, #user-inventory-products .partlist__compatibility p.partlist__compatibility--noIssues span, #userbuild-pick-partlist .partlist__compatibility p.partlist__compatibility--noIssues span, #buildguide-view .partlist__compatibility p.partlist__compatibility--noIssues span {
      color: #00b16a; }
    #partlist .partlist__compatibility p.partlist__compatibility--notes span, #user-saved-partlists .partlist__compatibility p.partlist__compatibility--notes span, #user-completed-builds .partlist__compatibility p.partlist__compatibility--notes span, #user-favorite-products .partlist__compatibility p.partlist__compatibility--notes span, #user-inventory-products .partlist__compatibility p.partlist__compatibility--notes span, #userbuild-pick-partlist .partlist__compatibility p.partlist__compatibility--notes span, #buildguide-view .partlist__compatibility p.partlist__compatibility--notes span {
      color: #f78300; }
    #partlist .partlist__compatibility p.partlist__compatibility--warning span, #user-saved-partlists .partlist__compatibility p.partlist__compatibility--warning span, #user-completed-builds .partlist__compatibility p.partlist__compatibility--warning span, #user-favorite-products .partlist__compatibility p.partlist__compatibility--warning span, #user-inventory-products .partlist__compatibility p.partlist__compatibility--warning span, #userbuild-pick-partlist .partlist__compatibility p.partlist__compatibility--warning span, #buildguide-view .partlist__compatibility p.partlist__compatibility--warning span {
      color: #e52c34; }
#partlist .partlist__keyMetric, #user-saved-partlists .partlist__keyMetric, #user-completed-builds .partlist__keyMetric, #user-favorite-products .partlist__keyMetric, #user-inventory-products .partlist__keyMetric, #userbuild-pick-partlist .partlist__keyMetric, #buildguide-view .partlist__keyMetric {
  -ms-grid-row: 2; }
  @media only screen and (min-width: 768px) {
    #partlist .partlist__keyMetric, #user-saved-partlists .partlist__keyMetric, #user-completed-builds .partlist__keyMetric, #user-favorite-products .partlist__keyMetric, #user-inventory-products .partlist__keyMetric, #userbuild-pick-partlist .partlist__keyMetric, #buildguide-view .partlist__keyMetric {
      text-align: right; } }
  @media only screen and (min-width: 1050px) {
    #partlist .partlist__keyMetric, #user-saved-partlists .partlist__keyMetric, #user-completed-builds .partlist__keyMetric, #user-favorite-products .partlist__keyMetric, #user-inventory-products .partlist__keyMetric, #userbuild-pick-partlist .partlist__keyMetric, #buildguide-view .partlist__keyMetric {
      -ms-grid-row: 1;
      -ms-grid-column: 2; } }
  #partlist .partlist__keyMetric a, #user-saved-partlists .partlist__keyMetric a, #user-completed-builds .partlist__keyMetric a, #user-favorite-products .partlist__keyMetric a, #user-inventory-products .partlist__keyMetric a, #userbuild-pick-partlist .partlist__keyMetric a, #buildguide-view .partlist__keyMetric a {
    font-weight: 700; }
    #partlist .partlist__keyMetric a svg, #user-saved-partlists .partlist__keyMetric a svg, #user-completed-builds .partlist__keyMetric a svg, #user-favorite-products .partlist__keyMetric a svg, #user-inventory-products .partlist__keyMetric a svg, #userbuild-pick-partlist .partlist__keyMetric a svg, #buildguide-view .partlist__keyMetric a svg {
      margin-right: 0.5rem;
      position: relative;
      top: 1px; }
#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: 1px solid #cccccc; }
  @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;
      background-color: #26293c;
      border: none;
      font-size: 0.6875rem !important; }
      #partlist .partlist table tbody tr.tr__switch td a:hover, #user-saved-partlists .partlist table tbody tr.tr__switch td a:hover, #user-completed-builds .partlist table tbody tr.tr__switch td a:hover, #user-favorite-products .partlist table tbody tr.tr__switch td a:hover, #user-inventory-products .partlist table tbody tr.tr__switch td a:hover, #userbuild-pick-partlist .partlist table tbody tr.tr__switch td a:hover, #buildguide-view .partlist table tbody tr.tr__switch td a:hover {
        background-color: #2c85c5; }
      #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: 1px dashed #D1D0D4; }
    #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 #cccccc; } }
  #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;
        color: #979797;
        font-weight: normal; }
      #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: 1px;
          width: 100%;
          background-color: #2c85c5;
          position: absolute;
          top: 50%; } }
    @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 {
        background-color: white;
        display: inline-block;
        z-index: 1;
        position: relative;
        padding-right: 0.5rem; } }
  @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; }
      #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;
      color: #131521; }
      #partlist .partlist table tbody tr td.td__name > a:hover, #user-saved-partlists .partlist table tbody tr td.td__name > a:hover, #user-completed-builds .partlist table tbody tr td.td__name > a:hover, #user-favorite-products .partlist table tbody tr td.td__name > a:hover, #user-inventory-products .partlist table tbody tr td.td__name > a:hover, #userbuild-pick-partlist .partlist table tbody tr td.td__name > a:hover, #buildguide-view .partlist table tbody tr td.td__name > a:hover {
        color: #2c85c5; }
    @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);
      color: #979797; }
      #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);
      color: #979797; }
      #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;
      color: white;
      background-color: #26293c;
      border-radius: 10px; }
  #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; }
    #partlist .partlist table tbody tr td.td__promo a, #user-saved-partlists .partlist table tbody tr td.td__promo a, #user-completed-builds .partlist table tbody tr td.td__promo a, #user-favorite-products .partlist table tbody tr td.td__promo a, #user-inventory-products .partlist table tbody tr td.td__promo a, #userbuild-pick-partlist .partlist table tbody tr td.td__promo a, #buildguide-view .partlist table tbody tr td.td__promo a {
      color: #00b16a; }
      #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; }
      #partlist .partlist table tbody tr td.td__promo a:hover, #user-saved-partlists .partlist table tbody tr td.td__promo a:hover, #user-completed-builds .partlist table tbody tr td.td__promo a:hover, #user-favorite-products .partlist table tbody tr td.td__promo a:hover, #user-inventory-products .partlist table tbody tr td.td__promo a:hover, #userbuild-pick-partlist .partlist table tbody tr td.td__promo a:hover, #buildguide-view .partlist table tbody tr td.td__promo a:hover {
        color: #00643c; }
  #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;
    color: #131521; }
    #partlist .partlist table tbody tr td.td__price a, #user-saved-partlists .partlist table tbody tr td.td__price a, #user-completed-builds .partlist table tbody tr td.td__price a, #user-favorite-products .partlist table tbody tr td.td__price a, #user-inventory-products .partlist table tbody tr td.td__price a, #userbuild-pick-partlist .partlist table tbody tr td.td__price a, #buildguide-view .partlist table tbody tr td.td__price a {
      color: #00b16a; }
  #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 img, #user-saved-partlists .partlist table tbody tr td.td__where img, #user-completed-builds .partlist table tbody tr td.td__where img, #user-favorite-products .partlist table tbody tr td.td__where img, #user-inventory-products .partlist table tbody tr td.td__where img, #userbuild-pick-partlist .partlist table tbody tr td.td__where img, #buildguide-view .partlist table tbody tr td.td__where img {
      width: 64px;
      max-width: none; }
      @media only screen and (max-width: 767px) {
        #partlist .partlist table tbody tr td.td__where img, #user-saved-partlists .partlist table tbody tr td.td__where img, #user-completed-builds .partlist table tbody tr td.td__where img, #user-favorite-products .partlist table tbody tr td.td__where img, #user-inventory-products .partlist table tbody tr td.td__where img, #userbuild-pick-partlist .partlist table tbody tr td.td__where img, #buildguide-view .partlist table tbody tr td.td__where img {
          width: 80px; } }
    #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;
      fill: #bdbdbd;
      transition: fill 0.45s cubic-bezier(0.165, 0.84, 0.44, 1); }
      #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 {
        fill: #2c85c5;
        transition: fill 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
  #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;
      fill: #bdbdbd;
      transition: fill 0.45s cubic-bezier(0.165, 0.84, 0.44, 1); }
      #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 {
        fill: #2c85c5;
        transition: fill 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
  #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; }
    #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 {
      background-color: #00b16a !important; }
      #partlist .partlist table tbody tr td.td__buy a:hover, #user-saved-partlists .partlist table tbody tr td.td__buy a:hover, #user-completed-builds .partlist table tbody tr td.td__buy a:hover, #user-favorite-products .partlist table tbody tr td.td__buy a:hover, #user-inventory-products .partlist table tbody tr td.td__buy a:hover, #userbuild-pick-partlist .partlist table tbody tr td.td__buy a:hover, #buildguide-view .partlist table tbody tr td.td__buy a:hover {
        background-color: #007e4b !important; }
    @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__settingsButton a.button:hover, #user-saved-partlists .partlist table tbody tr td.td__settingsButton a.button:hover, #user-completed-builds .partlist table tbody tr td.td__settingsButton a.button:hover, #user-favorite-products .partlist table tbody tr td.td__settingsButton a.button:hover, #user-inventory-products .partlist table tbody tr td.td__settingsButton a.button:hover, #userbuild-pick-partlist .partlist table tbody tr td.td__settingsButton a.button:hover, #buildguide-view .partlist table tbody tr td.td__settingsButton a.button:hover {
        background-color: #2c85c5 !important;
        border-color: #2c85c5 !important; }
  #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%; }
      #partlist .partlist table tbody tr td.td__removeButton a.button:hover, #user-saved-partlists .partlist table tbody tr td.td__removeButton a.button:hover, #user-completed-builds .partlist table tbody tr td.td__removeButton a.button:hover, #user-favorite-products .partlist table tbody tr td.td__removeButton a.button:hover, #user-inventory-products .partlist table tbody tr td.td__removeButton a.button:hover, #userbuild-pick-partlist .partlist table tbody tr td.td__removeButton a.button:hover, #buildguide-view .partlist table tbody tr td.td__removeButton a.button:hover {
        background-color: #d91e18 !important;
        border-color: #d91e18 !important; }
  @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 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.66667%; } }
  #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:first-of-type :before, #user-saved-partlists:first-of-type :before, #user-completed-builds:first-of-type :before, #user-favorite-products:first-of-type :before, #user-inventory-products:first-of-type :before, #userbuild-pick-partlist:first-of-type :before, #buildguide-view:first-of-type :before {
  display: none; }
#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 {
    background-color: white;
    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; }
      #user-favorite-products .block h3:after {
        content: "";
        display: block;
        height: 1px;
        width: 100%;
        background-color: #131521;
        position: absolute;
        top: 50%; } }
@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 (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 (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 {
    background-color: white;
    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; }
      #user-inventory-products .block h3:after {
        content: "";
        display: block;
        height: 1px;
        width: 100%;
        background-color: #131521;
        position: absolute;
        top: 50%; } }
@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: 1px solid #cccccc; }
    #user-inventory-products table tbody tr.tr__product:last-of-type {
      border-bottom: 0; } }
@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 (max-width: 767px) {
  #user-inventory-products table tbody tr td.td__settings {
    display: block !important; } }
#user-inventory-products table tbody tr td.td__settings a svg {
  fill: #131521 !important; }
#user-inventory-products table tbody tr td.td__settings a:hover svg {
  fill: #2c85c5 !important; }
#user-inventory-products table tbody tr td.td__settings a:hover .no-custom-price svg {
  fill: #2c85c5 !important; }
#user-inventory-products table tbody tr td.td__settings a .no-custom-price svg {
  fill: #bdbdbd !important; }
#user-inventory-products table tbody tr td.td__add {
  text-align: right; }
@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 img {
    width: 80px; }
  #prices table tr td.td__shipping img {
    width: 64px; }
  #prices table tr td.td__availability--unknown {
    color: #eaeaea; }
  #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 {
      background-color: #E4F4CD;
      border: 1px solid #BED2A2;
      padding: 2px 4px; }
  #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; }
    #prices table tr td.td__buy a {
      background-color: #00b16a !important; }
      #prices table tr td.td__buy a:hover {
        background-color: #007e4b !important; }

.pricing-table #price_history_tooltip {
  display: none;
  background-color: #131521;
  padding: 0.5rem;
  color: #bdbdbd;
  font-size: 0.875rem; }
  .pricing-table #price_history_tooltip tr {
    border-top: 1px solid #26293c; }
    .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: white;
      font-weight: 700; }
    .pricing-table #price_history_tooltip tr td {
      padding: 1rem;
      line-height: 0; }
.pricing-table .price-history-tooltip-date {
  text-transform: uppercase;
  color: #bdbdbd;
  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;
        color: #979797;
        font-weight: normal; } }
  .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;
      color: #131521; }
      .priceDrops table .tr__product td.td__item > a:hover {
        color: #2c85c5; }
  @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 {
  text-align: center;
  margin-bottom: 1rem; }
  @media only screen and (min-width: 1050px) {
    #products .productList__actions {
      text-align: left; } }
  #products .productList__actions a {
    display: inline-block;
    padding: 0.25rem;
    margin: 0 0.5rem;
    font-size: 0.875rem; }
    @media only screen and (min-width: 1050px) {
      #products .productList__actions a {
        padding: 0;
        font-size: 0.75rem; } }
    #products .productList__actions a.disabled {
      color: rgba(151, 151, 151, 0.5); }
      #products .productList__actions a.disabled:hover {
        text-decoration: none;
        cursor: default; }
  #products .productList__actions .productList__actions--left {
    margin-bottom: 0.5rem; }
    @media only screen and (min-width: 1050px) {
      #products .productList__actions .productList__actions--left a {
        margin: 0 1rem 0 0; } }
  @media only screen and (min-width: 1050px) {
    #products .productList__actions .productList__actions--right {
      text-align: right; }
      #products .productList__actions .productList__actions--right a {
        margin: 0 0 0 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;
    background-color: rgba(255, 255, 255, 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: 1px solid #2c85c5;
    cursor: pointer;
    color: #131521; }
    table.productList--detailed thead th.th--sortable:hover .sortArrow svg {
      fill: #2c85c5; }
  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;
      fill: #eaeaea; }
  table.productList--detailed thead th.th--sorted {
    border-bottom: 1px solid #2c85c5;
    color: #131521; }
    table.productList--detailed thead th.th--sorted .sortArrow svg {
      fill: #2c85c5; }
  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;
      color: #131521; }
      table.productList--detailed tr td.td__name a:hover {
        color: #2c85c5; }
      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;
        padding: 0.5rem;
        width: 64px;
        height: 64px; }
        @media (min-width: 768px) {
          table.productList--detailed tr td.td__name a .td__image {
            width: 80px;
            height: 80px; } }
        @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: white;
            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 #131521; }
      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;
  fill: #2c85c5;
  width: 14px;
  height: 14px;
  margin-right: 6px;
  top: 2px; }

#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: 1px solid #cccccc;
      vertical-align: top; }
      #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;
          color: #131521; }
          @media only screen and (min-width: 1050px) {
            #part-compare .compareTable table tbody tr td.td__name a {
              font-size: 1.25rem; } }
          #part-compare .compareTable table tbody tr td.td__name a:hover {
            color: #2c85c5; }
      #part-compare .compareTable table tbody tr td.td__add {
        border-top: 0;
        border-bottom: 3px solid #131521; }
        #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: 1px solid #cccccc;
      padding-bottom: 1.5rem; }
      #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; }
  #forums .table .tr .td.row--topicTitle .topicTitle--unread, #subforum .table .tr .td.row--topicTitle .topicTitle--unread, #user-topics .table .tr .td.row--topicTitle .topicTitle--unread, #forum-search .table .tr .td.row--topicTitle .topicTitle--unread {
    font-weight: 700; }
  #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; } }
  #forums .table .tr .td.row--topicTitle .topicTitle--self:before, #subforum .table .tr .td.row--topicTitle .topicTitle--self:before, #user-topics .table .tr .td.row--topicTitle .topicTitle--self:before, #forum-search .table .tr .td.row--topicTitle .topicTitle--self:before {
    background-color: #2c85c5; }
  #forums .table .tr .td.row--topicTitle .topicTitle--staff:before, #subforum .table .tr .td.row--topicTitle .topicTitle--staff:before, #user-topics .table .tr .td.row--topicTitle .topicTitle--staff:before, #forum-search .table .tr .td.row--topicTitle .topicTitle--staff:before {
    background-color: #d91e18; }
  @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;
  color: #979797;
  font-weight: normal;
  text-transform: none;
  margin-top: 0.5rem; }

#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;
    color: #131521; }
    #forums .row--forumTitle a:hover {
      color: #2c85c5; }
#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; }
    #forums .row--topicTitle a:hover {
      color: #2c85c5; }

#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;
    color: #131521;
    font-weight: 700; }
    #subforum .row--topicForum a:hover, #user-topics .row--topicForum a:hover, #forum-search .row--topicForum a:hover {
      color: #2c85c5; }
#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; }
#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;
      color: #979797; }
      #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;
    color: #131521; }
    #subforum .row--submitter a:hover, #subforum .row--lastPostTimestamp a:hover, #user-topics .row--submitter a:hover, #user-topics .row--lastPostTimestamp a:hover, #forum-search .row--submitter a:hover, #forum-search .row--lastPostTimestamp a:hover {
      color: #2c85c5; }

#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;
      color: #979797; }
    #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;
  color: #979797;
  font-weight: normal; }
#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; } }
#user-preferences .price-alert-table td.td__removeButton .button:hover,
#user-preferences .parametric-price-alert-table td.td__removeButton .button:hover,
#user-preferences .followed-table td.td__removeButton .button:hover {
  background-color: #d91e18 !important;
  border-color: #d91e18 !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 {
  background-color: #f4f4f3;
  border: 2px solid #c6c6c6; }
  .markdown table thead th {
    padding-left: 1rem;
    border-color: #dfdfdf; }
  @media only screen and (max-width: 767px) {
    .markdown table thead {
      display: none; } }
  .markdown table tbody tr {
    border-color: #dfdfdf; }
    @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;
        color: #131521;
        display: inline-block; }
        .markdown table tbody tr td a:hover {
          color: #2c85c5;
          text-decoration: underline; }
        @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; }
    .productList--detailed .tr__product .td__name a:hover .td__rating {
      color: #131521; }
  .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;
      color: #979797;
      font-weight: normal; }
    .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: white;
        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 #131521; }
    .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;
      color: #26293c;
      display: block;
      text-align: center;
      text-decoration: none;
      padding: 0.5rem 1rem; }
      .tabsGroup > ul > li a.active {
        color: #131521;
        background-color: white; }
        .tabsGroup > ul > li a.active:hover {
          color: #131521;
          background-color: white; }
      .tabsGroup > ul > li a + ul {
        display: none;
        position: absolute;
        top: 100%;
        right: 0;
        margin-right: 0;
        padding: 0.5rem 0;
        background-color: #131521;
        z-index: 1; }
        .tabsGroup > ul > li a + ul li {
          background-color: #131521; }
          .tabsGroup > ul > li a + ul li a {
            color: white;
            text-align: right;
            white-space: nowrap; }
          .tabsGroup > ul > li a + ul li a:hover {
            color: #2c85c5; }
    .tabsGroup > ul > li:hover > a {
      background-color: #131521;
      color: #eaeaea; }
    .tabsGroup > ul > li:hover ul {
      display: block; }
    .tabsGroup > ul > li.hidden {
      display: none; }
    .tabsGroup > ul > li.more a.active {
      background-color: #424872;
      color: white; }
      .tabsGroup > ul > li.more a.active:hover {
        background-color: #424872;
        color: white; }
    .tabsGroup > ul > li.more a .shape-dots {
      position: relative;
      top: 3px; }
    .tabsGroup > ul > li.more:hover .shape-dots {
      fill: white; }

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;
  color: #131521;
  background-color: white;
  text-rendering: optimizeLegibility;
  -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: 1px solid #cccccc;
    background-color: rgba(234, 234, 234, 0.4);
    padding: 0.5rem 1rem;
    margin: 0.5rem 0; }
    .markdown blockquote p {
      font-size: 90% !important;
      margin-bottom: 0 !important; }
  .markdown sup, .markdown pre {
    font-size: inherit; }
  .markdown code, .markdown kbd, .markdown pre, .markdown samp {
    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: 1px solid #cccccc; }
  .markdown .embed-video {
    margin-bottom: 2rem; }
  .markdown table {
    margin-bottom: 1rem; }

#forumTopic .entry__forumTopic {
  margin: 1rem 0; }

.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 {
  font-size: 0.875rem;
  line-height: 1.5;
  margin-bottom: 0.5rem; }
  @media only screen and (min-width: 768px) {
    .comment__message .markdown p {
      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; }
  .ugcActions li {
    display: inline-block; }
    .ugcActions li a {
      margin-right: 0.5rem; }

.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 {
    font-weight: 700;
    color: #131521;
    font-size: 0.75rem; }
    @media only screen and (min-width: 1050px) {
      .userDetails .userDetails__userName {
        font-size: 0.875rem; } }
    .userDetails .userDetails__userName:hover {
      color: #2c85c5; }
  .userDetails .userDetails__userData {
    line-height: 1.125; }
    .userDetails .userDetails__userData li {
      display: inline-block;
      margin-right: 0.5rem;
      font-size: 0.75rem;
      color: #979797; }

.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-size: 0.75rem;
      text-transform: capitalize; }
      .userDetails--comment li.userDetails__userModifier svg {
        width: 16px;
        height: 16px;
        margin-right: calc(0.5rem / 2);
        fill: #00b16a; }
    .userDetails--comment li.comment-modifier-staff svg, .userDetails--comment li.comment-modifier-manufacturer svg {
      fill: #2c85c5; }
    .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;
    color: #eaeaea;
    font-weight: 500; }

.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; } }
.userDetails--entry p {
  font-size: 0.75rem;
  color: #979797; }

#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: 1px solid #cccccc;
      padding-bottom: 0.5rem;
      margin-bottom: 0.5rem; }
      #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);
      fill: #bdbdbd;
      width: 14px;
      height: 14px; }
    .partlist__folder .group__title a:hover svg {
      transition: fill 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
      fill: #2c85c5; }

.partlist__saved,
.userbuild__partlist {
  background-color: rgba(44, 133, 197, 0.2);
  border: 1px solid #2c85c5; }
  @media only screen and (min-width: 1050px) {
    .partlist__saved,
    .userbuild__partlist {
      background-color: #f4f4f3;
      border-color: #131521; } }
  .partlist__saved li,
  .userbuild__partlist li {
    border-top: 1px solid #2c85c5;
    position: relative; }
    @media only screen and (min-width: 1050px) {
      .partlist__saved li,
      .userbuild__partlist li {
        border-color: #131521; } }
    .partlist__saved li:first-of-type,
    .userbuild__partlist li:first-of-type {
      border-top: none; }
    .partlist__saved li a,
    .userbuild__partlist li a {
      font-size: 0.875rem;
      font-weight: 700;
      padding: 0.5rem;
      display: flex;
      width: 100%;
      line-height: 1.25; }
      .partlist__saved li a:hover,
      .userbuild__partlist li a:hover {
        color: white; }
        @media only screen and (min-width: 1050px) {
          .partlist__saved li a:hover,
          .userbuild__partlist li a:hover {
            color: #131521; } }
      @media only screen and (min-width: 1050px) {
        .partlist__saved li a,
        .userbuild__partlist li a {
          color: #131521; } }
      .partlist__saved li a .partlist__saved--icon,
      .userbuild__partlist 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 {
          fill: #2c85c5;
          margin-bottom: -3px;
          opacity: .3;
          transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1); }
          @media only screen and (min-width: 1050px) {
            .partlist__saved li a .partlist__saved--icon svg,
            .userbuild__partlist li a .partlist__saved--icon svg {
              fill: #131521; } }
        .partlist__saved li a .partlist__saved--icon:hover svg,
        .userbuild__partlist 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 {
        display: block;
        font-size: 0.625rem;
        text-transform: uppercase;
        opacity: .5; }
    .partlist__saved li.list-active a,
    .userbuild__partlist li.list-active a {
      color: white;
      background-color: #2c85c5; }
      .partlist__saved li.list-active a svg,
      .userbuild__partlist li.list-active a svg {
        fill: white; }
        @media only screen and (min-width: 1050px) {
          .partlist__saved li.list-active a svg,
          .userbuild__partlist li.list-active a svg {
            fill: #bdbdbd; } }
      @media only screen and (min-width: 1050px) {
        .partlist__saved li.list-active a,
        .userbuild__partlist li.list-active a {
          background-color: #131521;
          color: white; } }
  .partlist__saved .ui-sortable-helper,
  .userbuild__partlist .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 {
      box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.35); }

ul.list-sortable {
  min-height: 1rem; }

.sortable-placeholder {
  background: rgba(19, 21, 33, 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; }

.no-nav {
  background: #131521; }
  .no-nav body {
    background: none; }
    .no-nav body .masthead .nav__top {
      background: none; }
    .no-nav body .wrapper__pageTitle > section {
      border-top: 0px; }

#homepage .wrapper__buildGuides {
  background: radial-gradient(circle at bottom center, #6e6f73 200px, #3c3e42);
  padding: 3rem 0; }
#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: white;
      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 {
  background-color: #f4f4f3;
  padding: 3rem 0;
  border-bottom: 1px solid #cccccc; }
#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: white;
      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 {
  background-color: white;
  padding: 3rem 0; }
@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: 1px solid #cccccc; }
  #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; }
  #homepage .blogGrid .blog__image:hover {
    color: #131521; }
  #homepage .blogGrid .blog__image img {
    width: 100%;
    margin-bottom: 1rem; }
#homepage .blogGrid .blog__title {
  display: block;
  color: #131521;
  font-size: 1.25rem;
  line-height: 1.25; }
#homepage .blogGrid p {
  font-size: 0.875rem;
  margin-bottom: 1rem; }
#homepage .blogGrid p.meta {
  color: #979797;
  font-size: 0.75rem; }
#homepage .blogGrid .blog__link--comments {
  font-weight: 700;
  color: #131521; }
  #homepage .blogGrid .blog__link--comments:hover {
    color: #2c85c5; }
    #homepage .blogGrid .blog__link--comments:hover svg {
      fill: #131521; }
  #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;
  color: #979797;
  text-transform: uppercase;
  margin-top: 2rem;
  margin-bottom: 0.5rem; }
.blog-archive li {
  line-height: 1.125;
  margin-bottom: 0.5rem; }
.blog-archive a {
  color: #131521;
  font-weight: 700;
  font-size: 0.875rem; }
  .blog-archive a:hover {
    color: #2c85c5; }

.content-hide {
  display: none; }

.actionBoxGroup {
  border-color: #131521; }
  .actionBoxGroup .actionBox {
    background-color: #f9f5e9;
    border-color: #131521; }
    .actionBoxGroup .actionBox li {
      border-color: #131521; }
    .actionBoxGroup .actionBox a {
      border-color: #131521;
      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--product .actionBox a {
    color: #131521; }
    .actionBoxGroup--product .actionBox a:hover {
      color: #2c85c5; }
  .actionBoxGroup--product .actionBox .button {
    color: white; }
  .actionBoxGroup--product .actionBox svg {
    margin-bottom: -2px; }
.actionBoxGroup--product .actionBox__addProduct .actionBox__formDropdown select {
  font-size: 0.75rem;
  padding: 0.375rem 2rem 0.375rem 0.5rem;
  margin: 0 0.25rem; }

.actionBoxGroup--productSeries {
  font-size: 0;
  padding-bottom: 2rem; }
  .actionBoxGroup--productSeries a {
    font-size: 0.875rem;
    color: #131521;
    padding: 2px 6px;
    display: block;
    border: 1px solid rgba(189, 189, 189, 0.6);
    border-radius: 0.25rem;
    background-color: white;
    -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); }
    .actionBoxGroup--productSeries a:hover {
      text-decoration: none;
      background-color: white;
      color: #2c85c5;
      border-color: #2c85c5;
      -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); }
    .actionBoxGroup--productSeries a.active {
      background-color: white;
      color: #2c85c5;
      border-color: #2c85c5;
      cursor: default; }
    .actionBoxGroup--productSeries a.inactive {
      opacity: .35; }
      .actionBoxGroup--productSeries a.inactive:hover {
        opacity: 1;
        border: 1px solid rgba(189, 189, 189, 0.6);
        color: #131521; }
  .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; }

.actionBoxGroup--partlist {
  background-color: #f9f5e9;
  margin-bottom: 0; }
  .actionBoxGroup--partlist .actionBox a {
    color: #131521; }
    .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: 0.375rem 0.5rem; }
  .actionBoxGroup--partlist .actionBox__markup a svg {
    width: 18px;
    height: 18px; }
  @media only screen and (min-width: 768px) {
    .actionBoxGroup--partlist .actionBox__options {
      border-top: 0; } }

.actionBoxGroup--build .actionBox li a {
  color: #131521; }
  .actionBoxGroup--build .actionBox li a:hover {
    color: #2c85c5; }
.actionBoxGroup--build .actionBox__vote--voted svg {
  fill: #2c85c5; }
.actionBoxGroup--build .actionBox__vote--disabled:hover {
  color: #131521 !important; }
.actionBoxGroup--build .actionBox__actions li:first-of-type {
  border-color: #131521; }

.actionBoxGroup--guide {
  background-color: #f9f5e9; }
  .actionBoxGroup--guide .actionBox li a {
    color: #131521; }
    .actionBoxGroup--guide .actionBox li a:hover {
      color: #2c85c5; }
  .actionBoxGroup--guide .actionBox__actions li:first-of-type {
    border-color: #131521; }

.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: white;
  padding: 4px;
  border: 1px solid #cccccc; }

.button {
  font-size: 1.125rem;
  font-weight: 700;
  border-radius: 0.25rem; }
  .button:hover {
    color: white !important; }

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

.button--secondary {
  background-color: #bdbdbd; }

.button--icon svg {
  fill: white; }

.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); }

.group--filter .group__content {
  color: white; }
  @media only screen and (min-width: 1050px) {
    .group--filter .group__content {
      color: #131521; }
      .group--filter .group__content li {
        font-size: 0.75rem; } }

.ui-slider-horizontal {
  background-color: rgba(189, 189, 189, 0.5); }
  .ui-slider-horizontal .ui-slider-handle {
    box-shadow: none; }

footer {
  background: #131521;
  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: white;
    text-transform: uppercase;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid white; }
  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: white;
    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: 50px;
    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: white; }
      footer ul.footer__social li a:hover svg.icon {
        fill: #eda920; }
  footer .footer__copyright {
    color: white; }

::-webkit-input-placeholder {
  color: #979797;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased; }

:-moz-placeholder {
  color: #979797; }

::-moz-placeholder {
  color: #979797; }

:-ms-input-placeholder {
  color: #979797; }

.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; }
  label:hover:before {
    border-color: #2c85c5; }

.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;
  background-color: white;
  box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.21), inset 0px 0px 0px 1px #ececec; }
  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;
    color: #131521;
    -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: 0.375rem 0.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 0px 0px 1px #ececec, inset 0px 0px 0px 1px white;
  background-color: white;
  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-repeat: no-repeat;
  background-size: 10px 7px;
  background-position: right 0.5rem center; }

.offCanvas__search input[type=text] {
  background-color: transparent;
  box-shadow: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0;
  font-size: 1.25rem;
  color: white; }
.offCanvas__search input[type=text]:focus {
  color: white; }

.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;
  color: #979797;
  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 #cccccc; }

#email-alert form p input[type=text] {
  font-size: 0.75rem;
  margin-right: 0.5rem; }

#forums .searchField button, #subforum .searchField button, .offCanvas__search .searchField button, #forum-search .searchField button {
  line-height: 0;
  padding: 3px; }
  #forums .searchField button svg, #subforum .searchField button svg, .offCanvas__search .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; }

.gallery__header {
  background-image: url("https://cdn.pcpartpicker.com/static/forever/img/pcpp.png"); }

.group .group__title {
  font-size: 0.875rem; }
.group.group--filter .group__title, .group.partlist__folder .group__title {
  color: white; }
  @media only screen and (min-width: 1050px) {
    .group.group--filter .group__title, .group.partlist__folder .group__title {
      color: #131521; } }
.group .group__content {
  margin-top: 0.5rem; }
.group .js-trigger-show {
  font-size: 0.875rem;
  font-weight: bold; }
.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; }

#products .group,
#user-saved-partlists .group {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  @media only screen and (min-width: 1050px) {
    #products .group,
    #user-saved-partlists .group {
      border-bottom: 1px solid #cccccc; } }
  #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; } }

#user-saved-partlists .group .group__content {
  margin: 0; }

.guideGroup__card {
  background-color: #b18c5a; }

.searchField .shape-search {
  margin: .175rem 0; }
  @media only screen and (min-width: 1050px) {
    .searchField .shape-search {
      width: 24px;
      height: 24px;
      margin: .375rem 0; } }

ul.nav__menu--mobile .shape-search, ul.nav__menu--mobile .shape-drag-handle, ul.nav__menu--mobile .shape-menu, ul.nav__menu--mobile .shape-user, ul.nav__menu--mobile .shape-delete {
  fill: white; }

.nav__categories .level-2 .category-block--popular svg.icon {
  margin-bottom: -4px;
  margin-right: 5px; }
.nav__categories .level-2 svg.icon {
  margin-bottom: -4px;
  margin-right: 5px; }
.nav__categories .level-2 svg.icon-road {
  fill: #fffc00; }
.nav__categories .level-2 svg.icon-mountain {
  fill: #00b488; }
.nav__categories .level-2 svg.icon-cyclocross {
  fill: #f78300; }
.nav__categories .level-2 svg.icon-triathlon {
  fill: #bd081c; }
.nav__categories .level-2 svg.icon-fat {
  fill: #55acee; }
.nav__categories .level-2 svg.icon-commuter {
  fill: #00b488; }
.nav__categories .level-2 svg.icon-kids {
  fill: #e52c34; }

.nav__search a .shape-search {
  width: 18px;
  height: 18px; }

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

.product--rating svg.shape-star-empty {
  fill: rgba(189, 189, 189, 0.7); }

.filter--rating svg {
  width: 12px;
  height: 12px; }
  .filter--rating svg.shape-star-empty {
    fill: rgba(189, 189, 189, 0.7); }

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

.ugcActions svg {
  width: 12px;
  height: 12px; }

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

.wrapper__pageContent {
  background-color: #f4f4f3; }
  @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; } }
#product-page .productGallery__wrapper .gallery, #userbuild-view .productGallery__wrapper .gallery, #userbuild-edit .productGallery__wrapper .gallery, #buildguide-view .productGallery__wrapper .gallery {
  background-color: white; }
@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;
    background-color: white;
    border-bottom: 1px solid #dbdbdb; } }

.masthead a:hover {
  text-decoration: none; }
.masthead .nav__top {
  background-color: #0f111b; }
  .masthead .nav__top a:hover,
  .masthead .nav__top select:hover {
    color: #eda920 !important; }
.masthead .nav__bottom {
  background-color: #191b2b; }
  @media only screen and (min-width: 1050px) {
    .masthead .nav__bottom {
      border-top: 1px solid #26293c; } }
  .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: 1px solid #26293c; } }
      .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 {
        color: white;
        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); }
        @media only screen and (min-width: 1050px) {
          .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 {
            background-color: #26293c; } }
      .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 {
        fill: rgba(255, 255, 255, 0.5);
        width: 24px;
        height: 24px;
        position: absolute;
        left: 12px;
        top: 18px; }
        @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: 1px solid #26293c; } }
    .masthead .nav__bottom .nav__wrapper .nav__categories > li .nav__categories--active {
      background-color: #26293c;
      color: white; }
      .masthead .nav__bottom .nav__wrapper .nav__categories > li .nav__categories--active .nav__icon, .masthead .nav__bottom .nav__wrapper .nav__categories > li .nav__categories--active svg {
        fill: #eda920 !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;
        width: 36%; }
        @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: 1.5rem; } }
        .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;
          color: #eaeaea; }
          @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; } }
          .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__subLinks .nav__subLinks--group1 a:hover,
          .masthead .nav__bottom .nav__wrapper .nav__categories > li.nav__subLinks .nav__subLinks--group2 a:hover {
            color: #eda920; }
    .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group1 ul li a {
      background-color: #333649;
      border: none;
      box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.06);
      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; }
      .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group1 ul li a:hover {
        color: white;
        background-color: rgba(237, 169, 32, 0.15);
        box-shadow: inset 0px 0px 0px 2px #eda920; }
      .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group1 ul li a img {
        margin: 0 auto 0.5rem; }
    .masthead .nav__bottom .nav__wrapper .nav__categories > li:last-of-type .browseProducts .browseProducts__block--group2 a:hover {
      color: #eda920 !important; }

.nav__account--display,
.nav__categories--display {
  background-color: #191b2b; }

.message {
  padding: 1.5rem 0; }
  .message .comment__commentData {
    color: #979797;
    line-height: 1; }
    .message .comment__commentData li {
      font-size: 0.6875rem; }

.modal {
  font-size: 0.875rem;
  line-height: 1.25;
  background-color: rgba(19, 21, 33, 0.75); }
  @media only screen and (min-width: 1050px) {
    .modal {
      font-size: 1rem; } }
  .modal .modal__container {
    background: #f4f4f3;
    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__header .modal__close:hover svg {
          fill: #131521; }
    .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; } }

body.dark {
  background-color: #131521;
  color: #eaeaea; }
  body.dark .actionBoxGroup {
    color: white; }
    body.dark .actionBoxGroup svg {
      fill: #bdbdbd; }
  body.dark .actionBoxGroup--product {
    border: 2px solid #272c45; }
    body.dark .actionBoxGroup--product .actionBox a {
      color: white; }
    body.dark .actionBoxGroup--product .actionBox__addProduct {
      background-color: #22253b;
      border-bottom: 2px solid #272c45; }
    body.dark .actionBoxGroup--product .actionBox__actions--favorites {
      background-color: #22253b; }
  body.dark .actionBoxGroup--partlist {
    background-color: #22253b;
    border: 2px solid #272c45; }
    body.dark .actionBoxGroup--partlist .actionBox a {
      color: white; }
    body.dark .actionBoxGroup--partlist .actionBox__permalink {
      border-bottom: 2px solid #272c45; }
    body.dark .actionBoxGroup--partlist .actionBox__actions .actionBox__share {
      border-left: 2px solid #272c45; }
    body.dark .actionBoxGroup--partlist .actionBox__actions .actionBox__options {
      border-top: 2px solid #272c45; }
      @media only screen and (min-width: 768px) {
        body.dark .actionBoxGroup--partlist .actionBox__actions .actionBox__options {
          border-left: 2px solid #272c45; } }
  body.dark .offCanvas .offCanvas__content .miniPartlist {
    background-color: #22253b;
    border: 2px solid #272c45;
    color: #bdbdbd; }

.offCanvas .offCanvas__content .miniPartlist {
  background-color: #f9f5e9; }
  @media only screen and (min-width: 1050px) {
    .offCanvas .offCanvas__content .miniPartlist {
      border: 1px solid #131521; } }
  .offCanvas .offCanvas__content .miniPartlist .filter__compatibility .compatibility__wrapper {
    background-color: #f9f5e9; }
  .offCanvas .offCanvas__content .miniPartlist .filter__compatibility::after {
    background-color: #131521;
    height: 1px; }

.wrapper__pageTitle {
  background-color: #545578; }
  .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 {
    color: white;
    line-height: 1; }
    @media only screen and (min-width: 1050px) {
      .wrapper__pageTitle .pageTitle {
        font-size: 2rem; } }
  .wrapper__pageTitle .user a {
    color: #a0cbea;
    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; } }
    .wrapper__pageTitle .pageTitle--categoryTitle a {
      color: rgba(255, 255, 255, 0.5);
      text-decoration: underline; }
      .wrapper__pageTitle .pageTitle--categoryTitle a:hover {
        color: white; }

#products .wrapper__pageTitle,
#product-page .wrapper__pageTitle,
#product-compare .wrapper__pageTitle {
  background-color: #505fa1; }

#buildguide-index .wrapper__pageTitle,
#buildguide-view .wrapper__pageTitle {
  background-color: #b18c5a;
  color: #2b2114; }
  #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; } }
  #buildguide-index .wrapper__pageTitle .pageTitle,
  #buildguide-view .wrapper__pageTitle .pageTitle {
    color: white; }
  #buildguide-index .wrapper__pageTitle .user a,
  #buildguide-view .wrapper__pageTitle .user a {
    color: #ffdf5f; }

#userbuild-index .wrapper__pageTitle,
#userbuild-view .wrapper__pageTitle,
#userbuild-edit .wrapper__pageTitle,
#userbuild-edit-description .wrapper__pageTitle,
#userbuild-edit-images .wrapper__pageTitle,
#userbuild-pick-partlist .wrapper__pageTitle,
#userbuild-edit-reviews .wrapper__pageTitle,
#userbuild-by-part .wrapper__pageTitle {
  background-color: #e26723;
  color: #321607; }
  #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; } }
  #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,
  #userbuild-by-part .wrapper__pageTitle .pageTitle {
    color: white; }
  #userbuild-index .wrapper__pageTitle .user a,
  #userbuild-view .wrapper__pageTitle .user a,
  #userbuild-edit .wrapper__pageTitle .user a,
  #userbuild-edit-description .wrapper__pageTitle .user a,
  #userbuild-edit-images .wrapper__pageTitle .user a,
  #userbuild-pick-partlist .wrapper__pageTitle .user a,
  #userbuild-edit-reviews .wrapper__pageTitle .user a,
  #userbuild-by-part .wrapper__pageTitle .user a {
    color: #ffdf5f; }

.module-pageTitle--rating ul.pageTitle--ratings li.product__rating--count {
  color: #2c85c5; }

.pagination li a.pagination--current {
  background-color: #2c85c5;
  color: white; }
  .pagination li a.pagination--current:hover {
    text-decoration: none; }

#login .wrapper, #register .wrapper {
  padding: 0; }
#login .wrapper__pageTitle, #register .wrapper__pageTitle {
  background: transparent; }
#login .card, #register .card {
  overflow: hidden;
  background: white;
  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); }
  @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: white;
    text-align: center;
    padding-bottom: 3rem; }
  #login .card .wrapper-formField .button, #register .card .wrapper-formField .button {
    width: 100%;
    margin-top: 0; }

.subTitle .subTitle__header {
  padding-bottom: .75rem;
  border-bottom: 1px solid #131521; }
  .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: 0.375rem 0.5rem; }
  .subTitle .subTitle__form label {
    font-size: 0.875rem;
    font-weight: 700;
    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;
      color: #131521; }
      #partlist_render .partlist__title h2 a:hover {
        color: #2c85c5; }

.subTitle form input:focus {
  color: #131521; }
  .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 {
  position: absolute;
  bottom: 0px;
  right: 0;
  width: auto; }

.tabsGroup > ul > li a {
  color: rgba(255, 255, 255, 0.65); }
  .tabsGroup > ul > li a + ul {
    background-color: #262a41; }
    .tabsGroup > ul > li a + ul li {
      background-color: #262a41; }
  .tabsGroup > ul > li a.active {
    background-color: #f4f4f3; }
    .tabsGroup > ul > li a.active:hover {
      background-color: #f4f4f3; }
.tabsGroup > ul > li:hover > a {
  background-color: #262a41; }
.tabsGroup > ul > li.more a .shape-dots {
  fill: #bdbdbd; }

table th, table .th, .table th, .table .th {
  color: #131521; }

#products .productList--detailed thead th.th--sortable .sortArrow svg {
  fill: #8a8a8a; }
#products .productList--detailed thead th.th--sortable:hover .sortArrow svg {
  fill: #2c85c5; }
#products .productList--detailed .td__name {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem; }
  #products .productList--detailed .td__name .td__image {
    background-color: white;
    border: 1px solid #cccccc;
    width: 48px;
    height: 48px;
    padding: 4px; }
    #products .productList--detailed .td__name .td__image .td__image--lg {
      border-width: 1px; }
#products .productList__actions {
  font-size: 0.75rem; }
#products .productList__wrapper .productList__cover {
  background-color: rgba(244, 244, 243, 0.9); }

@media only screen and (min-width: 1050px) {
  #partlist .partlist__wrapper .partlist__metrics, #user-saved-partlists .partlist__wrapper .partlist__metrics, #user-completed-builds .partlist__wrapper .partlist__metrics, #user-inventory-products .partlist__wrapper .partlist__metrics, #user-favorite-products .partlist__wrapper .partlist__metrics, #userbuild-pick-partlist .partlist__wrapper .partlist__metrics, #buildguide-view .partlist__wrapper .partlist__metrics {
    border-bottom: 1px solid #131521; } }
#partlist .partlist__wrapper .partlist__metrics, #user-saved-partlists .partlist__wrapper .partlist__metrics, #user-completed-builds .partlist__wrapper .partlist__metrics, #user-inventory-products .partlist__wrapper .partlist__metrics, #user-favorite-products .partlist__wrapper .partlist__metrics, #userbuild-pick-partlist .partlist__wrapper .partlist__metrics, #buildguide-view .partlist__wrapper .partlist__metrics {
  margin-bottom: 2rem;
  border-bottom: 0;
  padding-bottom: 0;
  color: white;
  border: 1px solid #131521;
  font-size: 0.875rem;
  border-top: none; }
  #partlist .partlist__wrapper .partlist__metrics .partlist__compatibility, #user-saved-partlists .partlist__wrapper .partlist__metrics .partlist__compatibility, #user-completed-builds .partlist__wrapper .partlist__metrics .partlist__compatibility, #user-inventory-products .partlist__wrapper .partlist__metrics .partlist__compatibility, #user-favorite-products .partlist__wrapper .partlist__metrics .partlist__compatibility, #userbuild-pick-partlist .partlist__wrapper .partlist__metrics .partlist__compatibility, #buildguide-view .partlist__wrapper .partlist__metrics .partlist__compatibility {
    border-bottom: 1px solid #131521;
    margin-bottom: 0; }
    @media only screen and (min-width: 1050px) {
      #partlist .partlist__wrapper .partlist__metrics .partlist__compatibility, #user-saved-partlists .partlist__wrapper .partlist__metrics .partlist__compatibility, #user-completed-builds .partlist__wrapper .partlist__metrics .partlist__compatibility, #user-inventory-products .partlist__wrapper .partlist__metrics .partlist__compatibility, #user-favorite-products .partlist__wrapper .partlist__metrics .partlist__compatibility, #userbuild-pick-partlist .partlist__wrapper .partlist__metrics .partlist__compatibility, #buildguide-view .partlist__wrapper .partlist__metrics .partlist__compatibility {
        border-bottom: none;
        border-right: 1px solid #131521; } }
    #partlist .partlist__wrapper .partlist__metrics .partlist__compatibility p, #user-saved-partlists .partlist__wrapper .partlist__metrics .partlist__compatibility p, #user-completed-builds .partlist__wrapper .partlist__metrics .partlist__compatibility p, #user-inventory-products .partlist__wrapper .partlist__metrics .partlist__compatibility p, #user-favorite-products .partlist__wrapper .partlist__metrics .partlist__compatibility p, #userbuild-pick-partlist .partlist__wrapper .partlist__metrics .partlist__compatibility p, #buildguide-view .partlist__wrapper .partlist__metrics .partlist__compatibility p {
      padding: 0.5rem 1rem;
      color: rgba(255, 255, 255, 0.75); }
      #partlist .partlist__wrapper .partlist__metrics .partlist__compatibility p span, #user-saved-partlists .partlist__wrapper .partlist__metrics .partlist__compatibility p span, #user-completed-builds .partlist__wrapper .partlist__metrics .partlist__compatibility p span, #user-inventory-products .partlist__wrapper .partlist__metrics .partlist__compatibility p span, #user-favorite-products .partlist__wrapper .partlist__metrics .partlist__compatibility p span, #userbuild-pick-partlist .partlist__wrapper .partlist__metrics .partlist__compatibility p span, #buildguide-view .partlist__wrapper .partlist__metrics .partlist__compatibility p span {
        color: white; }
      #partlist .partlist__wrapper .partlist__metrics .partlist__compatibility p svg, #user-saved-partlists .partlist__wrapper .partlist__metrics .partlist__compatibility p svg, #user-completed-builds .partlist__wrapper .partlist__metrics .partlist__compatibility p svg, #user-inventory-products .partlist__wrapper .partlist__metrics .partlist__compatibility p svg, #user-favorite-products .partlist__wrapper .partlist__metrics .partlist__compatibility p svg, #userbuild-pick-partlist .partlist__wrapper .partlist__metrics .partlist__compatibility p svg, #buildguide-view .partlist__wrapper .partlist__metrics .partlist__compatibility p svg {
        fill: white;
        position: relative;
        top: 3px; }
      #partlist .partlist__wrapper .partlist__metrics .partlist__compatibility p a, #user-saved-partlists .partlist__wrapper .partlist__metrics .partlist__compatibility p a, #user-completed-builds .partlist__wrapper .partlist__metrics .partlist__compatibility p a, #user-inventory-products .partlist__wrapper .partlist__metrics .partlist__compatibility p a, #user-favorite-products .partlist__wrapper .partlist__metrics .partlist__compatibility p a, #userbuild-pick-partlist .partlist__wrapper .partlist__metrics .partlist__compatibility p a, #buildguide-view .partlist__wrapper .partlist__metrics .partlist__compatibility p a {
        color: white;
        text-decoration: underline; }
  #partlist .partlist__wrapper .partlist__metrics .partlist__compatibility--noIssues, #user-saved-partlists .partlist__wrapper .partlist__metrics .partlist__compatibility--noIssues, #user-completed-builds .partlist__wrapper .partlist__metrics .partlist__compatibility--noIssues, #user-inventory-products .partlist__wrapper .partlist__metrics .partlist__compatibility--noIssues, #user-favorite-products .partlist__wrapper .partlist__metrics .partlist__compatibility--noIssues, #userbuild-pick-partlist .partlist__wrapper .partlist__metrics .partlist__compatibility--noIssues, #buildguide-view .partlist__wrapper .partlist__metrics .partlist__compatibility--noIssues {
    background-color: #00b16a; }
  #partlist .partlist__wrapper .partlist__metrics .partlist__compatibility--notes, #user-saved-partlists .partlist__wrapper .partlist__metrics .partlist__compatibility--notes, #user-completed-builds .partlist__wrapper .partlist__metrics .partlist__compatibility--notes, #user-inventory-products .partlist__wrapper .partlist__metrics .partlist__compatibility--notes, #user-favorite-products .partlist__wrapper .partlist__metrics .partlist__compatibility--notes, #userbuild-pick-partlist .partlist__wrapper .partlist__metrics .partlist__compatibility--notes, #buildguide-view .partlist__wrapper .partlist__metrics .partlist__compatibility--notes {
    background-color: #00b16a; }
  #partlist .partlist__wrapper .partlist__metrics .partlist__compatibility--warning, #user-saved-partlists .partlist__wrapper .partlist__metrics .partlist__compatibility--warning, #user-completed-builds .partlist__wrapper .partlist__metrics .partlist__compatibility--warning, #user-inventory-products .partlist__wrapper .partlist__metrics .partlist__compatibility--warning, #user-favorite-products .partlist__wrapper .partlist__metrics .partlist__compatibility--warning, #userbuild-pick-partlist .partlist__wrapper .partlist__metrics .partlist__compatibility--warning, #buildguide-view .partlist__wrapper .partlist__metrics .partlist__compatibility--warning {
    background-color: #d91e18; }
  #partlist .partlist__wrapper .partlist__metrics .partlist__keyMetric, #user-saved-partlists .partlist__wrapper .partlist__metrics .partlist__keyMetric, #user-completed-builds .partlist__wrapper .partlist__metrics .partlist__keyMetric, #user-inventory-products .partlist__wrapper .partlist__metrics .partlist__keyMetric, #user-favorite-products .partlist__wrapper .partlist__metrics .partlist__keyMetric, #userbuild-pick-partlist .partlist__wrapper .partlist__metrics .partlist__keyMetric, #buildguide-view .partlist__wrapper .partlist__metrics .partlist__keyMetric {
    text-align: left;
    background-color: #2c85c5; }
    #partlist .partlist__wrapper .partlist__metrics .partlist__keyMetric a, #user-saved-partlists .partlist__wrapper .partlist__metrics .partlist__keyMetric a, #user-completed-builds .partlist__wrapper .partlist__metrics .partlist__keyMetric a, #user-inventory-products .partlist__wrapper .partlist__metrics .partlist__keyMetric a, #user-favorite-products .partlist__wrapper .partlist__metrics .partlist__keyMetric a, #userbuild-pick-partlist .partlist__wrapper .partlist__metrics .partlist__keyMetric a, #buildguide-view .partlist__wrapper .partlist__metrics .partlist__keyMetric a {
      display: block;
      padding: 0.5rem 1rem;
      color: white; }
    #partlist .partlist__wrapper .partlist__metrics .partlist__keyMetric svg, #user-saved-partlists .partlist__wrapper .partlist__metrics .partlist__keyMetric svg, #user-completed-builds .partlist__wrapper .partlist__metrics .partlist__keyMetric svg, #user-inventory-products .partlist__wrapper .partlist__metrics .partlist__keyMetric svg, #user-favorite-products .partlist__wrapper .partlist__metrics .partlist__keyMetric svg, #userbuild-pick-partlist .partlist__wrapper .partlist__metrics .partlist__keyMetric svg, #buildguide-view .partlist__wrapper .partlist__metrics .partlist__keyMetric svg {
      top: 3px;
      fill: white; }
@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:after, #user-saved-partlists .partlist table tbody tr td.td__component:after, #user-completed-builds .partlist table tbody tr td.td__component:after, #user-inventory-products .partlist table tbody tr td.td__component:after, #user-favorite-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 {
      height: 2px;
      background-color: #131521; } }
#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;
  background-color: #f4f4f3; }
  @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 {
      color: #131521;
      text-decoration: none; }
      #partlist .partlist table tbody tr td.td__component a:hover, #user-saved-partlists .partlist table tbody tr td.td__component a:hover, #user-completed-builds .partlist table tbody tr td.td__component a:hover, #user-inventory-products .partlist table tbody tr td.td__component a:hover, #user-favorite-products .partlist table tbody tr td.td__component a:hover, #userbuild-pick-partlist .partlist table tbody tr td.td__component a:hover, #buildguide-view .partlist table tbody tr td.td__component a:hover {
        color: #2c85c5; } }
#partlist .partlist table tbody tr td.td__component p, #user-saved-partlists .partlist table tbody tr td.td__component p, #user-completed-builds .partlist table tbody tr td.td__component p, #user-inventory-products .partlist table tbody tr td.td__component p, #user-favorite-products .partlist table tbody tr td.td__component p, #userbuild-pick-partlist .partlist table tbody tr td.td__component p, #buildguide-view .partlist table tbody tr td.td__component p {
  background-color: #f4f4f3; }
#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 {
  background-color: white;
  border: 1px solid #cccccc;
  padding: 4px; }
  @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 {
  background-color: white;
  border: 1px solid #cccccc;
  padding: 4px; }

.compareTable .td__image a {
  display: block;
  background-color: white;
  border: 1px solid #cccccc;
  padding: 4px; }

@media only screen and (max-width: 1049px) {
  #user-favorite-products .block h3:after,
  #user-inventory-products .block h3:after {
    height: 2px; } }
#user-favorite-products .block h3 span,
#user-inventory-products .block h3 span {
  background-color: #f4f4f3; }

.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;
  color: #2c85c5 !important; }
#subforum .row--topicTitle a {
  color: #131521;
  text-decoration: none; }
#subforum .row--submitter a,
#subforum .row--lastPostTimestamp a {
  color: #2c85c5; }

.markdown table {
  background-color: white;
  border-width: 1px; }

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; }

.block h3 {
  font-size: 0.875rem; }

dl dt {
  font-weight: 700; }

.markdown blockquote {
  border: 1px solid rgba(19, 21, 33, 0.05);
  border-left-color: rgba(189, 189, 189, 0.3);
  border-left-width: 4px;
  background-color: #eaeaea; }

.forumRules .block {
  margin-bottom: 1.5rem; }
.forumRules h2 {
  font-size: 0.75rem; }
.forumRules ul li {
  font-size: 0.75rem; }

.ugcActions li {
  font-size: 0.6875rem; }
  .ugcActions li a {
    color: #979797; }
    .ugcActions li a:hover {
      color: #2c85c5; }

.userDetails .userDetails__userName a {
  color: #131521; }
  .userDetails .userDetails__userName a:hover {
    color: #2c85c5; }

.userDetails--comment {
  font-size: 0.875rem;
  line-height: 1.125; }
  .userDetails--comment li.userDetails__userModifier {
    font-weight: 700;
    font-size: 0.625rem;
    background-color: #131521;
    color: white;
    line-height: 0;
    padding-right: 4px;
    position: relative;
    top: 3px; }
    .userDetails--comment li.userDetails__userModifier span {
      position: relative;
      top: -4px; }
    .userDetails--comment li.userDetails__userModifier svg {
      width: 16px;
      height: 16px;
      fill: white;
      background-color: #09a76d;
      padding: 4px; }
  .userDetails--comment li.comment-modifier-staff svg, .userDetails--comment li.comment-modifier-manufacturer svg {
    background-color: #2c85c5; }
  @media only screen and (min-width: 1050px) {
    .userDetails--comment li.userDetails__userBuilds {
      font-size: 0.875rem; } }

.userDetails--entry .userName--entry {
  color: #131521; }
  .userDetails--entry .userName--entry:hover {
    color: #2c85c5; }

#user-topics .topic__table .topic__table--message {
  margin-top: 1.5rem;
  font-size: 1.25rem; }

.partlist__saved li a,
.userbuild__partlist li a {
  color: white; }
  @media only screen and (min-width: 1050px) {
    .partlist__saved li a,
    .userbuild__partlist li a {
      color: #131521;
      background-color: #f9f5e9; } }


.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}