@charset "UTF-8";
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

picture img {
    border-radius: 14px;
    margin: 20px auto;
}

/*img {
    border: 0
}*/

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: Consolas, "Lucida Console", Monaco, Courier, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

@keyframes fadeinout {
    0% {
        bottom: -100px
    }
    15% {
        bottom: 0
    }
    85% {
        bottom: 0
    }
    100% {
        bottom: -100px
    }
}

.pageMessage {
    position: fixed;
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1rem;
    z-index: 300;
    text-align: center
}

p, ol, ul {
    font-size: var(--normal-font-size);
    margin-bottom: 16px;
    line-height: 28px;
    text-align: start;
}

.pageMessage p {
    bottom: -100px;
    position: relative;
    border-radius: 0.25rem;
    padding: 0.5rem 1rem;
    display: inline-block;
    color: #ffffff
}

.light-mode .pageMessage p {
    background-color: #00b16a
}

.dark-mode .pageMessage p {
    background-color: #26AD84
}

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

.button-group, .button-group--small {
    position: relative;
    display: inline-block;
    border: 1px solid #a1a1a1;
    border-radius: 0px;
    text-decoration: none;
    color: #2c87c3
}

.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: 0.5rem 0.875rem;
    border-right: 1px solid #a1a1a1
}

.button-group__item:hover {
    transition: background-color 0.3s ease 0s;
    background-color: #ffffff
}

.button-group__item:last-of-type {
    border: 0
}

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

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

.modal {
    font-size: 0.875rem;
    line-height: 1.25;
    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
}

@media only screen and (min-width: 1100px) {
    .modal {
        font-size: 1rem
    }
}

.light-mode .modal {
    background-color: rgba(25, 27, 42, 0.7)
}

.dark-mode .modal {
    background-color: rgba(9, 9, 15, 0.7)
}

.modal .modal__container {
    visibility: inherit;
    -webkit-animation-duration: 0.35s;
    animation-duration: 0.35s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    box-shadow: 0px 25px 45px rgba(0, 0, 0, 0.28);
    border-radius: 0.5rem
}

.light-mode .modal .modal__container {
    background-color: #f4f4f3
}

.dark-mode .modal .modal__container {
    background-color: #3D3D54
}

@media only screen and (min-width: 1100px) {
    .modal .modal__container {
        margin-top: 2.5rem
    }
}

.modal .modal__container .modal__header {
    display: flex;
    align-items: stretch
}

.modal .modal__container .modal__header h2 {
    font-size: 1.25rem;
    padding: 1rem 1.5rem;
    flex-grow: 1
}

.modal .modal__container .modal__header h2 svg {
    margin-right: 1rem
}

@media only screen and (min-width: 1100px) {
    .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 {
    display: flex;
    align-items: center;
    padding: 1rem 1.5rem;
    line-height: 0
}

.modal .modal__container .modal__header .modal__close svg {
    transition: fill 0.45s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.light-mode .modal .modal__container .modal__header .modal__close svg {
    fill: #929292
}

.dark-mode .modal .modal__container .modal__header .modal__close svg {
    fill: #717184
}

@media only screen and (min-width: 1100px) {
    .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 {
    cursor: pointer
}

.modal .modal__container .modal__header .modal__close:hover svg {
    transition: fill 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.light-mode .modal .modal__container .modal__header .modal__close:hover svg {
    fill: #2c87c3
}

.dark-mode .modal .modal__container .modal__header .modal__close:hover svg {
    fill: #74baff
}

.modal .modal__container .modal__content {
    padding: 0 1.5rem 1.5rem
}

@media only screen and (min-width: 1100px) {
    .modal .modal__container .modal__content {
        padding: 0 2rem 2rem
    }
}

.modal .modal__container .form-actions {
    margin-top: 1.5rem
}

.gray-out {
    opacity: 0.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, 135, 195, 0.95);
    z-index: 100
}

.ui-dialog {
    z-index: 100;
    box-shadow: 0px 25px 45px rgba(0, 0, 0, 0.22);
    padding: 2rem
}

.light-mode .ui-dialog {
    background-color: #f4f4f3
}

.dark-mode .ui-dialog {
    background-color: #3D3D54
}

.ui-datepicker {
    box-shadow: 0px 25px 45px rgba(0, 0, 0, 0.22);
    padding: 1rem
}

.light-mode .ui-datepicker {
    background-color: white
}

.dark-mode .ui-datepicker {
    background-color: #4a4a66
}

.ui-datepicker .ui-datepicker-title {
    font-weight: 700;
    font-size: 1.125rem
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    cursor: pointer;
    font-size: 0.875rem
}

.ui-datepicker .ui-datepicker-next {
    margin-left: 0.5rem
}

#partlist_history_dialog table tbody {
    font-size: 0.6875rem;
    line-height: 1
}

@media only screen and (min-width: 1100px) {
    #partlist_history_dialog table tbody {
        font-size: 0.875rem
    }
}

#partlist_history_dialog table tbody .td__when {
    font-size: 0.625rem
}

@media only screen and (min-width: 1100px) {
    #partlist_history_dialog table tbody .td__when {
        font-size: 0.75rem
    }
}

.light-mode #partlist_history_dialog table tbody .td__when {
    color: #929292
}

.dark-mode #partlist_history_dialog table tbody .td__when {
    color: #717184
}

#key_metric_dialog table {
    margin-top: 1rem
}

.dialog__markup #markup_merchant_select {
    margin: 0.5rem 0
}

.dialog__markup #markup_merchant_select li {
    margin-bottom: 0.5rem
}

.dialog__markup #markup_merchant_select li select {
    margin: 0.5rem 0
}

.dialog__markup #markup_selection {
    margin-bottom: 0.5rem
}

.dialog__markup #markup_selection li {
    display: inline-block;
    margin-right: 1.5rem
}

.dialog__markup #markup_selection li .radio + label:before {
    top: -4px
}

.dialog__markup #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: 1100px) {
    #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%
}

.light-mode #port_info_dialog .modal__container {
    background-color: #191b2a;
    color: #ffffff
}

.dark-mode #port_info_dialog .modal__container {
    background-color: #FFFFFF;
    color: #09090F
}

#port_info_dialog .modal__content img {
    display: block;
    margin: 0 auto;
    padding: 0.5rem
}

#port_info_dialog .modal__content h6 {
    padding-bottom: 0.5rem
}

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

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

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

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

#folder_dialog_edit .folderDelete {
    border-top-style: solid;
    border-top-width: 1px;
    padding-top: 2rem
}

.light-mode #folder_dialog_edit .folderDelete {
    border-color: #dbdbdb
}

.dark-mode #folder_dialog_edit .folderDelete {
    border-color: #37374d
}

#folder_dialog_edit .folderDelete form {
    padding-bottom: 1rem
}

#price_dialog p {
    margin-bottom: 1rem
}

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

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

@media (min-width: 1100px) {
    .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: 50% !important
}

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

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

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

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

@media (min-width: 768px) {
    .sm-block-grid-1 .block-grid__item {
        width: 100% !important
    }

    .sm-block-grid-2 .block-grid__item {
        width: 50% !important
    }

    .sm-block-grid-3 .block-grid__item {
        width: 33.3333333333% !important
    }

    .sm-block-grid-4 .block-grid__item {
        width: 25% !important
    }

    .sm-block-grid-5 .block-grid__item {
        width: 20% !important
    }

    .sm-block-grid-6 .block-grid__item {
        width: 16.6666666667% !important
    }
}

@media (min-width: 1100px) {
    .md-block-grid-1 .block-grid__item {
        width: 100% !important
    }

    .md-block-grid-2 .block-grid__item {
        width: 50% !important
    }

    .md-block-grid-3 .block-grid__item {
        width: 33.3333333333% !important
    }

    .md-block-grid-4 .block-grid__item {
        width: 25% !important
    }

    .md-block-grid-5 .block-grid__item {
        width: 20% !important
    }

    .md-block-grid-6 .block-grid__item {
        width: 16.6666666667% !important
    }
}

@media (min-width: 1536px) {
    .lg-block-grid-1 .block-grid__item {
        width: 100% !important
    }

    .lg-block-grid-2 .block-grid__item {
        width: 50% !important
    }

    .lg-block-grid-3 .block-grid__item {
        width: 33.3333333333% !important
    }

    .lg-block-grid-4 .block-grid__item {
        width: 25% !important
    }

    .lg-block-grid-5 .block-grid__item {
        width: 20% !important
    }

    .lg-block-grid-6 .block-grid__item {
        width: 16.6666666667% !important
    }
}

@media (min-width: 2600px) {
    .xl-block-grid-1 .block-grid__item {
        width: 100% !important
    }

    .xl-block-grid-2 .block-grid__item {
        width: 50% !important
    }

    .xl-block-grid-3 .block-grid__item {
        width: 33.3333333333% !important
    }

    .xl-block-grid-4 .block-grid__item {
        width: 25% !important
    }

    .xl-block-grid-5 .block-grid__item {
        width: 20% !important
    }

    .xl-block-grid-6 .block-grid__item {
        width: 16.6666666667% !important
    }
}

.no-gutters {
    margin: 0 !important
}

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

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

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

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

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

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

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

@media (min-width: 768px) {
    .sm-block-grid-1.no-gutters .block-grid__item {
        width: 100% !important
    }

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

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

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

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

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

@media (min-width: 1100px) {
    .md-block-grid-1.no-gutters .block-grid__item {
        width: 100% !important
    }

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

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

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

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

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

@media (min-width: 1536px) {
    .lg-block-grid-1.no-gutters .block-grid__item {
        width: 100% !important
    }

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

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

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

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

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

@media (min-width: 2600px) {
    .xl-block-grid-1.no-gutters .block-grid__item {
        width: 100% !important
    }

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

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

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

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

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

.fill-primary {
    background-color: #2c87c3
}

.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: #2c87c3
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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: #2c87c3
}

.text-secondary {
    color: #2c87c3
}

.text-tertiary {
    color: #f4f4f3
}

.text-error {
    color: #E52C34
}

.text-warning {
    color: #f78300
}

.text-success {
    color: #00b16a
}

.text-link {
    color: #2c87c3
}

.text-neutral--darker {
    color: #191b2a
}

.text-neutral--dark {
    color: #26293b
}

.text-neutral {
    color: #6c6c6c
}

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

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

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

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

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

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

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

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

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

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

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

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

.button {
    cursor: pointer;
    padding: 0;
    background-color: transparent;
    background-image: none;
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
    -webkit-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    padding: 0.5rem 0.875rem;
    line-height: 1.5rem;
    border-radius: 0px;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    border-width: 2px;
    transition: background-color 0.1s ease 0s;
    transition: background-color 0.1s ease 0s, border-color 0.1s ease 0s
}

.button:active {
    outline: 0
}

.light-mode .button {
    background-color: #2c87c3;
    color: #ffffff;
    border-color: #2c87c3
}

.dark-mode .button {
    background-color: #2b86de;
    color: #FFFFFF;
    border-color: #2b86de
}

.light-mode .button > svg.icon {
    fill: #ffffff
}

.dark-mode .button > svg.icon {
    fill: #FFFFFF
}

.button:not(.button--disabled):not(:disabled):hover {
    transition: background-color 0.15s ease 0s, border-color 0.15s ease 0s;
    text-decoration: none
}

.light-mode .button:not(.button--disabled):not(:disabled):hover {
    background-color: #1e5c85;
    border-color: #1e5c85;
    color: #ffffff
}

.dark-mode .button:not(.button--disabled):not(:disabled):hover {
    background-color: #195fa3;
    border-color: #195fa3;
    color: #FFFFFF
}

.light-mode .button:not(.button--disabled):not(:disabled):active {
    background-color: #153f5b
}

.dark-mode .button:not(.button--disabled):not(:disabled):active {
    background-color: #134677
}

.light-mode .button.button.button--icon > svg {
    fill: #ffffff
}

.dark-mode .button.button.button--icon > svg {
    fill: #FFFFFF
}

.light-mode .button.button.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #ffffff
}

.dark-mode .button.button.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #FFFFFF
}

.button.button--secondary {
    background: none
}

.light-mode .button.button--secondary {
    border-color: #2c87c3;
    color: #2c87c3
}

.dark-mode .button.button--secondary {
    border-color: #2b86de;
    color: #2b86de
}

.button.button--secondary:hover {
    transition: background-color 0.15s ease 0s, border-color 0.15s ease 0s
}

.light-mode .button.button--secondary:not(.button--disabled):not(:disabled):hover {
    background-color: #1e5c85;
    color: #ffffff
}

.dark-mode .button.button--secondary:not(.button--disabled):not(:disabled):hover {
    background-color: #195fa3;
    color: #FFFFFF
}

.light-mode .button.button--secondary:not(.button--disabled):not(:disabled):active {
    background-color: #153f5b;
    border-color: #153f5b;
    color: #ffffff
}

.dark-mode .button.button--secondary:not(.button--disabled):not(:disabled):active {
    background-color: #134677;
    border-color: #134677;
    color: #FFFFFF
}

.light-mode .button.button--secondary.button--icon > svg {
    fill: #2c87c3
}

.dark-mode .button.button--secondary.button--icon > svg {
    fill: #2b86de
}

.light-mode .button.button--secondary.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #ffffff
}

.dark-mode .button.button--secondary.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #FFFFFF
}

.button--negative {
    transition: background-color 0.1s ease 0s, border-color 0.1s ease 0s
}

.light-mode .button--negative {
    background-color: #d91e18;
    color: #ffffff;
    border-color: #d91e18
}

.dark-mode .button--negative {
    background-color: #ff4560;
    color: #FFFFFF;
    border-color: #ff4560
}

.light-mode .button--negative > svg.icon {
    fill: #ffffff
}

.dark-mode .button--negative > svg.icon {
    fill: #FFFFFF
}

.button--negative:not(.button--disabled):not(:disabled):hover {
    transition: background-color 0.15s ease 0s, border-color 0.15s ease 0s;
    text-decoration: none
}

.light-mode .button--negative:not(.button--disabled):not(:disabled):hover {
    background-color: #941410;
    border-color: #941410;
    color: #ffffff
}

.dark-mode .button--negative:not(.button--disabled):not(:disabled):hover {
    background-color: #f80024;
    border-color: #f80024;
    color: #FFFFFF
}

.light-mode .button--negative:not(.button--disabled):not(:disabled):active {
    background-color: #660e0b
}

.dark-mode .button--negative:not(.button--disabled):not(:disabled):active {
    background-color: #c5001d
}

.light-mode .button--negative.button.button--icon > svg {
    fill: #ffffff
}

.dark-mode .button--negative.button.button--icon > svg {
    fill: #FFFFFF
}

.light-mode .button--negative.button.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #ffffff
}

.dark-mode .button--negative.button.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #FFFFFF
}

.button--negative.button--secondary {
    background: none
}

.light-mode .button--negative.button--secondary {
    border-color: #d91e18;
    color: #d91e18
}

.dark-mode .button--negative.button--secondary {
    border-color: #ff4560;
    color: #ff4560
}

.button--negative.button--secondary:hover {
    transition: background-color 0.15s ease 0s, border-color 0.15s ease 0s
}

.light-mode .button--negative.button--secondary:not(.button--disabled):not(:disabled):hover {
    background-color: #941410;
    color: #ffffff
}

.dark-mode .button--negative.button--secondary:not(.button--disabled):not(:disabled):hover {
    background-color: #f80024;
    color: #FFFFFF
}

.light-mode .button--negative.button--secondary:not(.button--disabled):not(:disabled):active {
    background-color: #660e0b;
    border-color: #660e0b;
    color: #ffffff
}

.dark-mode .button--negative.button--secondary:not(.button--disabled):not(:disabled):active {
    background-color: #c5001d;
    border-color: #c5001d;
    color: #FFFFFF
}

.light-mode .button--negative.button--secondary.button--icon > svg {
    fill: #d91e18
}

.dark-mode .button--negative.button--secondary.button--icon > svg {
    fill: #ff4560
}

.light-mode .button--negative.button--secondary.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #ffffff
}

.dark-mode .button--negative.button--secondary.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #FFFFFF
}

.button--success {
    transition: background-color 0.1s ease 0s, border-color 0.1s ease 0s
}

.light-mode .button--success {
    background-color: #00b16a;
    color: #ffffff;
    border-color: #00b16a
}

.dark-mode .button--success {
    background-color: #26AD84;
    color: #FFFFFF;
    border-color: #26AD84
}

.light-mode .button--success > svg.icon {
    fill: #ffffff
}

.dark-mode .button--success > svg.icon {
    fill: #FFFFFF
}

.button--success:not(.button--disabled):not(:disabled):hover {
    transition: background-color 0.15s ease 0s, border-color 0.15s ease 0s;
    text-decoration: none
}

.light-mode .button--success:not(.button--disabled):not(:disabled):hover {
    background-color: #00653c;
    border-color: #00653c;
    color: #ffffff
}

.dark-mode .button--success:not(.button--disabled):not(:disabled):hover {
    background-color: #186e54;
    border-color: #186e54;
    color: #FFFFFF
}

.light-mode .button--success:not(.button--disabled):not(:disabled):active {
    background-color: #00321e
}

.dark-mode .button--success:not(.button--disabled):not(:disabled):active {
    background-color: #0f4434
}

.light-mode .button--success.button.button--icon > svg {
    fill: #ffffff
}

.dark-mode .button--success.button.button--icon > svg {
    fill: #FFFFFF
}

.light-mode .button--success.button.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #ffffff
}

.dark-mode .button--success.button.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #FFFFFF
}

.button--success.button--secondary {
    background: none
}

.light-mode .button--success.button--secondary {
    border-color: #00b16a;
    color: #00b16a
}

.dark-mode .button--success.button--secondary {
    border-color: #26AD84;
    color: #26AD84
}

.button--success.button--secondary:hover {
    transition: background-color 0.15s ease 0s, border-color 0.15s ease 0s
}

.light-mode .button--success.button--secondary:not(.button--disabled):not(:disabled):hover {
    background-color: #00653c;
    color: #ffffff
}

.dark-mode .button--success.button--secondary:not(.button--disabled):not(:disabled):hover {
    background-color: #186e54;
    color: #FFFFFF
}

.light-mode .button--success.button--secondary:not(.button--disabled):not(:disabled):active {
    background-color: #00321e;
    border-color: #00321e;
    color: #ffffff
}

.dark-mode .button--success.button--secondary:not(.button--disabled):not(:disabled):active {
    background-color: #0f4434;
    border-color: #0f4434;
    color: #FFFFFF
}

.light-mode .button--success.button--secondary.button--icon > svg {
    fill: #00b16a
}

.dark-mode .button--success.button--secondary.button--icon > svg {
    fill: #26AD84
}

.light-mode .button--success.button--secondary.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #ffffff
}

.dark-mode .button--success.button--secondary.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #FFFFFF
}

.button--dark {
    transition: background-color 0.1s ease 0s, border-color 0.1s ease 0s
}

.light-mode .button--dark {
    background-color: #929292;
    color: #ffffff;
    border-color: #929292
}

.dark-mode .button--dark {
    background-color: #717184;
    color: #FFFFFF;
    border-color: #717184
}

.light-mode .button--dark > svg.icon {
    fill: #ffffff
}

.dark-mode .button--dark > svg.icon {
    fill: #FFFFFF
}

.button--dark:not(.button--disabled):not(:disabled):hover {
    transition: background-color 0.15s ease 0s, border-color 0.15s ease 0s;
    text-decoration: none
}

.light-mode .button--dark:not(.button--disabled):not(:disabled):hover {
    background-color: #6c6c6c;
    border-color: #6c6c6c;
    color: #ffffff
}

.dark-mode .button--dark:not(.button--disabled):not(:disabled):hover {
    background-color: #4e4e5b;
    border-color: #4e4e5b;
    color: #FFFFFF
}

.light-mode .button--dark:not(.button--disabled):not(:disabled):active {
    background-color: #525252
}

.dark-mode .button--dark:not(.button--disabled):not(:disabled):active {
    background-color: #36363f
}

.light-mode .button--dark.button.button--icon > svg {
    fill: #ffffff
}

.dark-mode .button--dark.button.button--icon > svg {
    fill: #FFFFFF
}

.light-mode .button--dark.button.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #ffffff
}

.dark-mode .button--dark.button.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #FFFFFF
}

.button--dark.button--secondary {
    background: none
}

.light-mode .button--dark.button--secondary {
    border-color: #929292;
    color: #929292
}

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

.button--dark.button--secondary:hover {
    transition: background-color 0.15s ease 0s, border-color 0.15s ease 0s
}

.light-mode .button--dark.button--secondary:not(.button--disabled):not(:disabled):hover {
    background-color: #6c6c6c;
    color: #ffffff
}

.dark-mode .button--dark.button--secondary:not(.button--disabled):not(:disabled):hover {
    background-color: #4e4e5b;
    color: #FFFFFF
}

.light-mode .button--dark.button--secondary:not(.button--disabled):not(:disabled):active {
    background-color: #525252;
    border-color: #525252;
    color: #ffffff
}

.dark-mode .button--dark.button--secondary:not(.button--disabled):not(:disabled):active {
    background-color: #36363f;
    border-color: #36363f;
    color: #FFFFFF
}

.light-mode .button--dark.button--secondary.button--icon > svg {
    fill: #929292
}

.dark-mode .button--dark.button--secondary.button--icon > svg {
    fill: #717184
}

.light-mode .button--dark.button--secondary.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #ffffff
}

.dark-mode .button--dark.button--secondary.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #FFFFFF
}

.button--neutral {
    transition: background-color 0.1s ease 0s, border-color 0.1s ease 0s
}

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

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

.light-mode .button--neutral > svg.icon {
    fill: #ffffff
}

.dark-mode .button--neutral > svg.icon {
    fill: #FFFFFF
}

.button--neutral:not(.button--disabled):not(:disabled):hover {
    transition: background-color 0.15s ease 0s, border-color 0.15s ease 0s;
    text-decoration: none
}

.light-mode .button--neutral:not(.button--disabled):not(:disabled):hover {
    background-color: #6c6c6c;
    border-color: #6c6c6c;
    color: #ffffff
}

.dark-mode .button--neutral:not(.button--disabled):not(:disabled):hover {
    background-color: #4e4e5b;
    border-color: #4e4e5b;
    color: #FFFFFF
}

.light-mode .button--neutral:not(.button--disabled):not(:disabled):active {
    background-color: #525252
}

.dark-mode .button--neutral:not(.button--disabled):not(:disabled):active {
    background-color: #36363f
}

.light-mode .button--neutral.button.button--icon > svg {
    fill: #ffffff
}

.dark-mode .button--neutral.button.button--icon > svg {
    fill: #FFFFFF
}

.light-mode .button--neutral.button.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #ffffff
}

.dark-mode .button--neutral.button.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #FFFFFF
}

.button--neutral.button--secondary {
    background: none
}

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

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

.button--neutral.button--secondary:hover {
    transition: background-color 0.15s ease 0s, border-color 0.15s ease 0s
}

.light-mode .button--neutral.button--secondary:not(.button--disabled):not(:disabled):hover {
    background-color: #6c6c6c;
    color: #ffffff
}

.dark-mode .button--neutral.button--secondary:not(.button--disabled):not(:disabled):hover {
    background-color: #4e4e5b;
    color: #FFFFFF
}

.light-mode .button--neutral.button--secondary:not(.button--disabled):not(:disabled):active {
    background-color: #525252;
    border-color: #525252;
    color: #ffffff
}

.dark-mode .button--neutral.button--secondary:not(.button--disabled):not(:disabled):active {
    background-color: #36363f;
    border-color: #36363f;
    color: #FFFFFF
}

.light-mode .button--neutral.button--secondary.button--icon > svg {
    fill: #929292
}

.dark-mode .button--neutral.button--secondary.button--icon > svg {
    fill: #717184
}

.light-mode .button--neutral.button--secondary.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #ffffff
}

.dark-mode .button--neutral.button--secondary.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #FFFFFF
}

.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;
    position: relative;
    top: 0.125rem;
    margin-right: 0.5rem
}

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

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

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

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

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

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

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

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

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

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

.text-input, input, input[type=text], input[type=password], input[type=email], input[type=number], textarea, .textarea, select, .select, .date-input {
    font-family: inherit;
    font-size: 0.875rem;
    line-height: 1.5;
    border: none;
    border-radius: 0.25rem
}

.text-input, input, input[type=text], input[type=password], input[type=email], textarea, .textarea, .date-input {
    padding: 0.375rem 0.5rem
}

.light-mode .text-input, .light-mode input, .light-mode input[type=text], .light-mode input[type=password], .light-mode input[type=email], .light-mode textarea, .light-mode .textarea, .light-mode .date-input {
    background-color: #ffffff
}

.dark-mode .text-input, .dark-mode input, .dark-mode input[type=text], .dark-mode input[type=password], .dark-mode input[type=email], .dark-mode textarea, .dark-mode .textarea, .dark-mode .date-input {
    background-color: #11111c
}

input[type=text], input[type=password], input[type=email], textarea {
    -webkit-transition: box-shadow 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: box-shadow 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: box-shadow 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: box-shadow 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
    outline: none;
    box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.21), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12)
}

input[type=text]:hover, input[type=password]:hover, input[type=email]:hover, textarea:hover {
    box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.21), inset 0px 0px 0px 1px #2c85c5;
    -webkit-transition: box-shadow 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: box-shadow 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: box-shadow 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: box-shadow 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, textarea:focus {
    box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.21), inset 0px 0px 0px 1px #2c85c5;
    -webkit-transition: box-shadow 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: box-shadow 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: box-shadow 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: box-shadow 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

select, .select {
    background-repeat: no-repeat;
    background-position: right 0.5rem center;
    background-size: 10px 7px;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0.375rem 2rem 0.375rem 0.5rem;
    cursor: pointer;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.21), 0px 1px 0px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(0, 0, 0, 0.15)
}

.light-mode select, .light-mode .select {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2712%27%20height%3D%278%27%20viewBox%3D%270%200%20488%20285%27%3E%3Cpath%20d%3D%27M483.11%2029.381l-24.449-24.485c-2.934-2.938-7.335-4.897-11.246-4.897-3.912%200-8.313%201.959-11.246%204.897l-192.168%20192.448-192.168-192.448c-2.934-2.938-7.335-4.897-11.246-4.897-4.401%200-8.313%201.959-11.246%204.897l-24.449%2024.485c-2.934%202.938-4.89%207.345-4.89%2011.263s1.956%208.325%204.89%2011.263l227.864%20228.196c2.934%202.938%207.335%204.897%2011.246%204.897%203.912%200%208.313-1.959%2011.246-4.897l227.864-228.196c2.934-2.938%204.89-7.345%204.89-11.263s-1.956-8.325-4.89-11.263z%27%20fill%3D%27%23000%27/%3E%3C/svg%3E");
    background-color: #ffffff
}

.dark-mode select, .dark-mode .select {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%207.01%22%3E%3Ctitle%3EAsset%202%3C%2Ftitle%3E%3Cg%20id%3D%22ec081ab4-ee58-4046-8434-7edcf86828ba%22%20data-name%3D%22Layer%202%22%3E%3Cg%20id%3D%22e3178c5e-88be-423b-88f9-da4a5aa5abef%22%20data-name%3D%22Layer%201%22%3E%3Cpath%20d%3D%22M11.88.72l-.6-.6a.38.38%2C0%2C0%2C0-.55%2C0L6%2C4.85%2C1.27.12A.42.42%2C0%2C0%2C0%2C1%2C0%2C.4.4%2C0%2C0%2C0%2C.72.12l-.6.6A.42.42%2C0%2C0%2C0%2C0%2C1a.44.44%2C0%2C0%2C0%2C.12.28l5.6%2C5.61a.39.39%2C0%2C0%2C0%2C.56%2C0l5.6-5.61A.44.44%2C0%2C0%2C0%2C12%2C1a.42.42%2C0%2C0%2C0-.12-.28Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-color: #57576f
}

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

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

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

textarea {
    resize: vertical;
    width: 100%;
    min-height: 300px;
    padding: 0.5rem 0.75rem;
    margin-bottom: 1rem
}

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

label {
    padding: 2px 0
}

.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;
    border-style: solid;
    border-width: 1px
}

.light-mode .radio + label:before {
    background-color: #ffffff;
    border-color: #dbdbdb
}

.dark-mode .radio + label:before {
    background-color: #11111c;
    border-color: #37374d
}

.light-mode .radio + label:hover:before {
    border-color: #2c87c3
}

.dark-mode .radio + label:hover:before {
    border-color: #74baff
}

.radio + label:before {
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    bottom: -2px
}

.radio:checked + label:before {
    border-width: 6px;
    border-style: solid;
    background-color: #ffffff
}

.light-mode .radio:checked + label:before {
    border-color: #2c87c3
}

.dark-mode .radio:checked + label:before {
    border-color: #74baff
}

.checkbox {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.checkbox + label {
    cursor: pointer;
    display: inline-block
}

.checkbox + label:before {
    content: "";
    display: inline-block;
    width: 0.75rem;
    height: 0.75rem;
    margin-right: 0.375rem;
    position: relative;
    bottom: -1px;
    border-style: solid;
    border-width: 1px
}

.light-mode .checkbox + label:before {
    background-color: #ffffff;
    border-color: #dbdbdb
}

.dark-mode .checkbox + label:before {
    background-color: #11111c;
    border-color: #37374d
}

.light-mode .checkbox + label:hover:before {
    border-color: #2c87c3
}

.dark-mode .checkbox + label:hover:before {
    border-color: #74baff
}

.checkbox + label:before {
    border-radius: 0.25rem;
    width: 1rem;
    height: 1rem;
    bottom: -2px
}

.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-repeat: no-repeat;
    background-position: center;
    background-size: 14px;
    border-style: none
}

.light-mode .checkbox:checked + label:before {
    background-color: #2c87c3
}

.dark-mode .checkbox:checked + label:before {
    background-color: #74baff
}

.toggle {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.toggle + label {
    position: relative;
    cursor: pointer;
    display: inline-block
}

.toggle + label .toggle__track {
    display: inline-block;
    margin-right: 0.375rem;
    border-radius: 0.5rem;
    position: relative;
    height: 1rem;
    width: 28px;
    bottom: -2px;
    border-style: solid;
    border-width: 1px
}

.light-mode .toggle + label .toggle__track {
    background-color: #dcdcd8;
    border-color: #dbdbdb
}

.dark-mode .toggle + label .toggle__track {
    background-color: #13131a;
    border-color: #37374d
}

.toggle + label .toggle__track:before {
    content: "";
    display: block;
    position: absolute;
    width: 1rem;
    height: 1rem;
    border-radius: 0.5rem;
    border-style: solid;
    border-width: 1px;
    transition: all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    background-color: #ffffff;
    left: -1px;
    right: auto;
    top: -1px
}

.light-mode .toggle + label .toggle__track:before {
    border-color: #dbdbdb
}

.dark-mode .toggle + label .toggle__track:before {
    border-color: #37374d
}

.light-mode .toggle + label:hover .toggle__track:before {
    border-color: #2c87c3
}

.dark-mode .toggle + label:hover .toggle__track:before {
    border-color: #74baff
}

.toggle:checked + label .toggle__track {
    transition: all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.light-mode .toggle:checked + label .toggle__track {
    background-color: #2c87c3;
    border-color: #2c87c3
}

.dark-mode .toggle:checked + label .toggle__track {
    background-color: #74baff;
    border-color: #74baff
}

.toggle:checked + label .toggle__track:before {
    left: auto;
    right: -1px;
    transition: all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.light-mode .toggle:checked + label .toggle__track:before {
    border-color: #2470a2
}

.dark-mode .toggle:checked + label .toggle__track:before {
    border-color: #4ba6ff
}

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

.form-label--small {
    font-size: 0.75rem;
    margin-bottom: 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 .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 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;
    font-weight: bold;
    text-transform: uppercase;
    opacity: 0;
    -webkit-transition: top 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: top 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: top 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.light-mode .wrapper-formField label {
    color: #929292
}

.dark-mode .wrapper-formField label {
    color: #717184
}

.wrapper-formField label.show {
    top: -21px;
    opacity: 1;
    -webkit-transition: top 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: top 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: top 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.wrapper-formField label.checkbox {
    position: relative;
    height: auto;
    width: auto;
    float: left;
    opacity: 1
}

.wrapper-formField .note {
    font-size: 0.75rem;
    text-transform: none;
    font-weight: 500
}

.wrapper-formField .note--negTop {
    margin-top: -1.5rem
}

.wrapper-formField .note--belowButton {
    margin-top: -1rem;
    padding-top: 0.5rem;
    display: block;
    text-align: center;
    border-top: 1px solid #a1a1a1
}

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

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

#forums .searchField button, #subforum .searchField button, #forum-search .searchField button {
    line-height: 0;
    padding: 3px
}

#forums .searchField button svg, #subforum .searchField button svg, #forum-search .searchField button svg {
    width: 18px !important;
    height: 18px !important;
    margin: 6px !important
}

#subforum .searchField form {
    margin-bottom: 0.25rem
}

@media only screen and (min-width: 768px) {
    #subforum .searchField form {
        margin-bottom: 0
    }
}

.forum__search_area {
    padding-top: 0.5rem
}

.forum__search_area_hidden {
    display: none
}

.forum__new_topic {
    float: right
}

.forum__search_area {
    padding-bottom: 1rem
}

@media only screen and (min-width: 768px) {
    .forum__search_area {
        padding-bottom: 0
    }
}

.forum__search_area .select {
    font-size: 12px
}

#subforum .newTopic__button {
    bottom-top: 1rem !important
}

.col {
    float: left
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
    .sm-col-1 {
        width: 8.3333333333%
    }

    .sm-col-2 {
        width: 16.6666666667%
    }

    .sm-col-3 {
        width: 25%
    }

    .sm-col-4 {
        width: 33.3333333333%
    }

    .sm-col-5 {
        width: 41.6666666667%
    }

    .sm-col-6 {
        width: 50%
    }

    .sm-col-7 {
        width: 58.3333333333%
    }

    .sm-col-8 {
        width: 66.6666666667%
    }

    .sm-col-9 {
        width: 75%
    }

    .sm-col-10 {
        width: 83.3333333333%
    }

    .sm-col-11 {
        width: 91.6666666667%
    }

    .sm-col-12 {
        width: 100%
    }

    .sm-offset-0 {
        margin-left: 0 !important
    }

    .sm-offset-1 {
        margin-left: 8.3333333333%
    }

    .sm-offset-2 {
        margin-left: 16.6666666667%
    }

    .sm-offset-3 {
        margin-left: 25%
    }

    .sm-offset-4 {
        margin-left: 33.3333333333%
    }

    .sm-offset-5 {
        margin-left: 41.6666666667%
    }

    .sm-offset-6 {
        margin-left: 50%
    }

    .sm-offset-7 {
        margin-left: 58.3333333333%
    }

    .sm-offset-8 {
        margin-left: 66.6666666667%
    }

    .sm-offset-9 {
        margin-left: 75%
    }

    .sm-offset-10 {
        margin-left: 83.3333333333%
    }

    .sm-offset-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 1100px) {
    .md-col-1 {
        width: 8.3333333333%
    }

    .md-col-2 {
        width: 16.6666666667%
    }

    .md-col-3 {
        width: 25%
    }

    .md-col-4 {
        width: 33.3333333333%
    }

    .md-col-5 {
        width: 41.6666666667%
    }

    .md-col-6 {
        width: 50%
    }

    .md-col-7 {
        width: 58.3333333333%
    }

    .md-col-8 {
        width: 66.6666666667%
    }

    .md-col-9 {
        width: 75%
    }

    .md-col-10 {
        width: 83.3333333333%
    }

    .md-col-11 {
        width: 91.6666666667%
    }

    .md-col-12 {
        width: 100%
    }

    .md-offset-0 {
        margin-left: 0 !important
    }

    .md-offset-1 {
        margin-left: 8.3333333333%
    }

    .md-offset-2 {
        margin-left: 16.6666666667%
    }

    .md-offset-3 {
        margin-left: 25%
    }

    .md-offset-4 {
        margin-left: 33.3333333333%
    }

    .md-offset-5 {
        margin-left: 41.6666666667%
    }

    .md-offset-6 {
        margin-left: 50%
    }

    .md-offset-7 {
        margin-left: 58.3333333333%
    }

    .md-offset-8 {
        margin-left: 66.6666666667%
    }

    .md-offset-9 {
        margin-left: 75%
    }

    .md-offset-10 {
        margin-left: 83.3333333333%
    }

    .md-offset-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 1536px) {
    .lg-col-1 {
        width: 8.3333333333%
    }

    .lg-col-2 {
        width: 16.6666666667%
    }

    .lg-col-3 {
        width: 25%
    }

    .lg-col-4 {
        width: 33.3333333333%
    }

    .lg-col-5 {
        width: 41.6666666667%
    }

    .lg-col-6 {
        width: 50%
    }

    .lg-col-7 {
        width: 58.3333333333%
    }

    .lg-col-8 {
        width: 66.6666666667%
    }

    .lg-col-9 {
        width: 75%
    }

    .lg-col-10 {
        width: 83.3333333333%
    }

    .lg-col-11 {
        width: 91.6666666667%
    }

    .lg-col-12 {
        width: 100%
    }

    .lg-offset-0 {
        margin-left: 0 !important
    }

    .lg-offset-1 {
        margin-left: 8.3333333333%
    }

    .lg-offset-2 {
        margin-left: 16.6666666667%
    }

    .lg-offset-3 {
        margin-left: 25%
    }

    .lg-offset-4 {
        margin-left: 33.3333333333%
    }

    .lg-offset-5 {
        margin-left: 41.6666666667%
    }

    .lg-offset-6 {
        margin-left: 50%
    }

    .lg-offset-7 {
        margin-left: 58.3333333333%
    }

    .lg-offset-8 {
        margin-left: 66.6666666667%
    }

    .lg-offset-9 {
        margin-left: 75%
    }

    .lg-offset-10 {
        margin-left: 83.3333333333%
    }

    .lg-offset-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 2600px) {
    .xl-col-1 {
        width: 8.3333333333%
    }

    .xl-col-2 {
        width: 16.6666666667%
    }

    .xl-col-3 {
        width: 25%
    }

    .xl-col-4 {
        width: 33.3333333333%
    }

    .xl-col-5 {
        width: 41.6666666667%
    }

    .xl-col-6 {
        width: 50%
    }

    .xl-col-7 {
        width: 58.3333333333%
    }

    .xl-col-8 {
        width: 66.6666666667%
    }

    .xl-col-9 {
        width: 75%
    }

    .xl-col-10 {
        width: 83.3333333333%
    }

    .xl-col-11 {
        width: 91.6666666667%
    }

    .xl-col-12 {
        width: 100%
    }

    .xl-offset-0 {
        margin-left: 0 !important
    }

    .xl-offset-1 {
        margin-left: 8.3333333333%
    }

    .xl-offset-2 {
        margin-left: 16.6666666667%
    }

    .xl-offset-3 {
        margin-left: 25%
    }

    .xl-offset-4 {
        margin-left: 33.3333333333%
    }

    .xl-offset-5 {
        margin-left: 41.6666666667%
    }

    .xl-offset-6 {
        margin-left: 50%
    }

    .xl-offset-7 {
        margin-left: 58.3333333333%
    }

    .xl-offset-8 {
        margin-left: 66.6666666667%
    }

    .xl-offset-9 {
        margin-left: 75%
    }

    .xl-offset-10 {
        margin-left: 83.3333333333%
    }

    .xl-offset-11 {
        margin-left: 91.6666666667%
    }
}

.gutters {
    margin: 0 -0.5rem !important
}

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

.table-border {
    border: 1px solid #a1a1a1
}

.table-border th {
    border-bottom: 1px solid #a1a1a1
}

.table-border tr td {
    border-bottom: 1px solid #a1a1a1
}

.table-border tr:last-child td {
    border-bottom: 0
}

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

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

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

.tr {
    display: table-row
}

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
    .sm-text-1 {
        font-size: 3rem;
        line-height: 1.5
    }

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

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

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

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

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

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

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

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

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

@media (min-width: 1100px) {
    .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: 1100px) {
    .md-text-left {
        text-align: left
    }

    .md-text-center {
        text-align: center
    }

    .md-text-right {
        text-align: right
    }

    .md-text-justify {
        text-align: justify
    }
}

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

    .lg-text-center {
        text-align: center
    }

    .lg-text-right {
        text-align: right
    }

    .lg-text-justify {
        text-align: justify
    }
}

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

    .xl-text-center {
        text-align: center
    }

    .xl-text-right {
        text-align: right
    }

    .xl-text-justify {
        text-align: justify
    }
}

.nowrap {
    white-space: nowrap
}

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

.decoration-none {
    text-decoration: none
}

.decoration-underline {
    text-decoration: underline
}

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

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

.serif.bold {
    font-family: Georgia, Times, serif;
    font-weight: 700
}

.serif.italic {
    font-family: Georgia, Times, serif
}

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

.light-mode a {
    color: #2c87c3
}

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

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

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

.link-text {
    color: #2c87c3
}

.link-text:hover {
    color: #194d70
}

.link-neutral {
    color: #6c6c6c
}

.link-neutral:hover {
    color: #2c87c3
}

.link-neutral--darker {
    color: #191b2a
}

.link-neutral--darker:hover {
    color: #2c87c3
}

.link-facebook {
    color: #3b5998
}

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

.link-twitter {
    color: #55acee
}

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

.link-google {
    color: #dd4b39
}

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

.link-linkedin {
    color: #0077b5
}

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

.link-pinterest {
    color: #bd081c
}

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

.link-reddit {
    color: #FC4217
}

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

.link-youtube {
    color: #cd201f
}

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

.link-instagram {
    color: #517fa4
}

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

.xs-overflow-hidden {
    overflow: hidden
}

.xs-overflow-auto {
    overflow: auto
}

.xs-overflow-scroll {
    overflow: scroll
}

.xs-overflow-visible {
    overflow: visible
}

.xs-hide {
    display: none
}

.xs-inline {
    display: inline
}

.xs-block {
    display: block
}

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

.xs-float-left {
    float: left
}

.xs-float-right {
    float: right
}

.xs-float-none {
    float: none
}

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

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

.xs-width-auto {
    width: auto
}

@media (min-width: 768px) {
    .sm-overflow-hidden {
        overflow: hidden
    }

    .sm-overflow-auto {
        overflow: auto
    }

    .sm-overflow-scroll {
        overflow: scroll
    }

    .sm-overflow-visible {
        overflow: visible
    }

    .sm-hide {
        display: none
    }

    .sm-inline {
        display: inline
    }

    .sm-block {
        display: block
    }

    .sm-inline-block {
        display: inline-block
    }

    .sm-float-left {
        float: left
    }

    .sm-float-right {
        float: right
    }

    .sm-float-none {
        float: none
    }

    .sm-fit {
        max-width: 100%
    }

    .sm-full-height {
        height: 100%
    }

    .sm-width-auto {
        width: auto
    }
}

@media (min-width: 1100px) {
    .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: 1100px) {
    .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: 1100px) {
    .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: 1100px) {
    .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: 1100px) {
    .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: 1100px) {
    .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
}

.actionBoxGroup .actionBox a {
    font-weight: 700
}

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

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

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

.actionBoxGroup .actionBox-2023 a {
    font-weight: 700
}

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

.actionBoxGroup .actionBox--text {
    display: none
}

@media only screen and (min-width: 1100px) {
    .actionBoxGroup .actionBox--text {
        display: inline-block
    }
}

.actionBoxGroup .actionBox__permalink input {
    box-shadow: none;
    border: 0;
    text-overflow: ellipsis;
    line-height: 0;
    font-weight: 700;
    background: transparent
}

.light-mode .actionBoxGroup .actionBox__permalink input {
    color: #191b2a
}

.dark-mode .actionBoxGroup .actionBox__permalink input {
    color: #FFFFFF
}

.actionBoxGroup .actionBox__permalink input:hover, .actionBoxGroup .actionBox__permalink input:focus {
    box-shadow: none
}

.light-mode .actionBoxGroup .actionBox__permalink input:hover, .light-mode .actionBoxGroup .actionBox__permalink input:focus {
    color: #2c87c3
}

.dark-mode .actionBoxGroup .actionBox__permalink input:hover, .dark-mode .actionBoxGroup .actionBox__permalink input:focus {
    color: #74baff
}

.actionBoxGroup .actionBox__permalink input::selection {
    color: #ffffff
}

.light-mode .actionBoxGroup .actionBox__permalink input::selection {
    background-color: #2c87c3
}

.dark-mode .actionBoxGroup .actionBox__permalink input::selection {
    background-color: #74baff
}

.actionBoxGroup--product {
    display: flex;
    align-items: center;
    flex-direction: column;
    border-style: solid;
    border-width: 1px
}

.light-mode .actionBoxGroup--product {
    border-color: #191b2a
}

.dark-mode .actionBoxGroup--product {
    border-color: #09090F
}

.actionBoxGroup--product .actionBox {
    font-size: 0.875rem;
    font-weight: 700;
    flex-grow: 1;
    align-items: center;
    width: 100%;
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.light-mode .actionBoxGroup--product .actionBox {
    border-color: #191b2a
}

.dark-mode .actionBoxGroup--product .actionBox {
    border-color: #09090F
}

.actionBoxGroup--product .actionBox:last-of-type {
    border-bottom: none
}

.actionBoxGroup--product .actionBox svg {
    margin-bottom: -2px
}

.actionBoxGroup--product .actionBox__addProduct {
    display: flex;
    text-align: center;
    background-color: #EAEAEA;
    padding: 1rem 0.5rem 1rem 0.5rem
}

.actionBoxGroup--product .actionBox__addProduct form {
    flex-grow: 1
}

.actionBoxGroup--product .actionBox__addProduct form select {
    border: none;
    font-size: 0.75rem;
    padding: 0.375rem 2rem 0.375rem 0.5rem;
    margin: 0 0.25rem
}

.actionBoxGroup--product .actionBox__addProduct form a {
    display: inline-block;
    width: auto
}

.actionBoxGroup--product .actionBox__addProduct .button {
    border-color: transparent
}

.actionBoxGroup--product .actionBox__ratings {
    padding: 1rem;
    font-size: 0.6875rem
}

.actionBoxGroup--product .actionBox__ratings .product--rating {
    font-weight: normal
}

.actionBoxGroup--product .actionBox__ratings .product--rating .icon {
    margin-right: 0;
    width: 12px;
    height: 12px
}

.actionBoxGroup--product .actionBox__ratings .product--rating li:last-of-type {
    margin-left: 0.25rem
}

.light-mode .actionBoxGroup--product .actionBox__ratings a {
    color: #2c87c3
}

.dark-mode .actionBoxGroup--product .actionBox__ratings a {
    color: #74baff
}

.actionBoxGroup--product .actionBox__ratings h6 {
    font-size: 0.75rem
}

.actionBoxGroup--product .actionBox__ratings table {
    margin-top: 0.5rem
}

.actionBoxGroup--product .actionBox__ratings table tr {
    border: none
}

.actionBoxGroup--product .actionBox__ratings table tr:hover {
    cursor: pointer
}

.actionBoxGroup--product .actionBox__ratings table tr:hover a {
    text-decoration: underline
}

.actionBoxGroup--product .actionBox__ratings table td {
    padding: 0
}

.actionBoxGroup--product .actionBox__ratings table td a {
    white-space: nowrap;
    padding: 2px 0;
    display: block
}

.actionBoxGroup--product .actionBox__ratings table .ratingBar {
    width: 100%
}

.actionBoxGroup--product .actionBox__ratings table .ratingBar .ratingBar__track {
    position: relative;
    height: 10px;
    border-radius: 8px;
    margin: 0 0.5rem
}

.light-mode .actionBoxGroup--product .actionBox__ratings table .ratingBar .ratingBar__track {
    background-color: #EAEAEA
}

.dark-mode .actionBoxGroup--product .actionBox__ratings table .ratingBar .ratingBar__track {
    background-color: #3a3a4f
}

.actionBoxGroup--product .actionBox__ratings table .ratingBar .ratingBar__track .ratingBar__bar {
    position: absolute;
    height: 10px;
    border-radius: 8px
}

.light-mode .actionBoxGroup--product .actionBox__ratings table .ratingBar .ratingBar__track .ratingBar__bar {
    background-color: #FF960C
}

.dark-mode .actionBoxGroup--product .actionBox__ratings table .ratingBar .ratingBar__track .ratingBar__bar {
    background-color: #ea7700
}

.actionBoxGroup--product .actionBox__ratings table .ratingPercentage {
    text-align: right
}

.actionBoxGroup--product .actionBox__actions--favorites {
    display: flex;
    text-align: center
}

.actionBoxGroup--product .actionBox__actions--favorites a {
    flex-grow: 1;
    padding: 1rem 0.5rem
}

.light-mode .actionBoxGroup--product .actionBox__actions--favorites a {
    color: #191b2a
}

.dark-mode .actionBoxGroup--product .actionBox__actions--favorites a {
    color: #FFFFFF
}

.light-mode .actionBoxGroup--product .actionBox__actions--favorites a:hover {
    color: #2c87c3
}

.dark-mode .actionBoxGroup--product .actionBox__actions--favorites a:hover {
    color: #74baff
}

.actionBoxGroup--product .actionBox__actions--favorites a svg {
    margin-bottom: -3px
}

.actionBoxGroup--product .actionBox__actions--inventory {
    display: flex;
    text-align: center
}

.actionBoxGroup--product .actionBox__actions--inventory a {
    flex-grow: 1;
    padding: 1rem 0.5rem
}

.light-mode .actionBoxGroup--product .actionBox__actions--inventory a {
    color: #191b2a
}

.dark-mode .actionBoxGroup--product .actionBox__actions--inventory a {
    color: #FFFFFF
}

.light-mode .actionBoxGroup--product .actionBox__actions--inventory a:hover {
    color: #2c87c3
}

.dark-mode .actionBoxGroup--product .actionBox__actions--inventory a:hover {
    color: #74baff
}

.actionBoxGroup--product .actionBox__actions--inventory a svg {
    margin-bottom: -3px
}

.actionBoxGroup--product-2023 {
    position: relative;
    align-items: center;
    flex-direction: column;
    box-shadow: 2px 4px 16px rgba(25, 27, 42, 0.15);
    padding-top: 0;
    border-radius: 0.5rem
}

.light-mode .actionBoxGroup--product-2023 {
    background-color: #ffffff
}

.dark-mode .actionBoxGroup--product-2023 {
    background-color: #46465c
}

.actionBoxGroup--product-2023 .actionBox-2023 {
    font-size: 0.875rem;
    font-weight: 700;
    flex-grow: 1;
    align-items: center;
    width: 100%;
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.light-mode .actionBoxGroup--product-2023 .actionBox-2023 {
    border-color: #EAEAEA
}

.dark-mode .actionBoxGroup--product-2023 .actionBox-2023 {
    border-color: #282838
}

.actionBoxGroup--product-2023 .actionBox-2023:last-of-type {
    border-bottom: none
}

.actionBoxGroup--product-2023 .actionBox-2023 svg {
    margin-bottom: -2px
}

.actionBoxGroup--product-2023 .actionBox__addProduct {
    display: flex;
    text-align: center;
    padding: 1.5rem 0.5rem 1rem 0.5rem
}

@media only screen and (min-width: 1100px) {
    .actionBoxGroup--product-2023 .actionBox__addProduct {
        padding: 1rem 0.5rem 1rem 0.5rem
    }
}

.actionBoxGroup--product-2023 .actionBox__addProduct form {
    flex-grow: 1
}

.actionBoxGroup--product-2023 .actionBox__addProduct form select {
    border: none;
    font-size: 0.75rem;
    padding: 0.375rem 2rem 0.375rem 0.5rem;
    margin: 0 0.25rem
}

.actionBoxGroup--product-2023 .actionBox__addProduct form a {
    display: inline-block;
    width: auto
}

.actionBoxGroup--product-2023 .actionBox__addProduct .button {
    border-color: transparent
}

.actionBoxGroup--product-2023 .actionBox__ratings {
    padding: 1rem;
    font-size: 0.6875rem
}

.actionBoxGroup--product-2023 .actionBox__ratings .product--rating {
    font-weight: normal
}

.actionBoxGroup--product-2023 .actionBox__ratings .product--rating .icon {
    margin-right: 0;
    width: 12px;
    height: 12px
}

.actionBoxGroup--product-2023 .actionBox__ratings .product--rating li:last-of-type {
    margin-left: 0.25rem
}

.light-mode .actionBoxGroup--product-2023 .actionBox__ratings a {
    color: #2c87c3
}

.dark-mode .actionBoxGroup--product-2023 .actionBox__ratings a {
    color: #74baff
}

.actionBoxGroup--product-2023 .actionBox__ratings h6 {
    font-size: 0.75rem
}

.actionBoxGroup--product-2023 .actionBox__ratings table {
    margin-top: 0.5rem
}

.actionBoxGroup--product-2023 .actionBox__ratings table tr {
    border: none
}

.actionBoxGroup--product-2023 .actionBox__ratings table tr:hover {
    cursor: pointer
}

.actionBoxGroup--product-2023 .actionBox__ratings table tr:hover a {
    text-decoration: underline
}

.actionBoxGroup--product-2023 .actionBox__ratings table td {
    padding: 0
}

.actionBoxGroup--product-2023 .actionBox__ratings table td a {
    white-space: nowrap;
    padding: 2px 0;
    display: block
}

.actionBoxGroup--product-2023 .actionBox__ratings table .ratingBar {
    width: 100%
}

.actionBoxGroup--product-2023 .actionBox__ratings table .ratingBar .ratingBar__track {
    position: relative;
    height: 10px;
    border-radius: 8px;
    margin: 0 0.5rem
}

.light-mode .actionBoxGroup--product-2023 .actionBox__ratings table .ratingBar .ratingBar__track {
    background-color: #EAEAEA
}

.dark-mode .actionBoxGroup--product-2023 .actionBox__ratings table .ratingBar .ratingBar__track {
    background-color: #3a3a4f
}

.actionBoxGroup--product-2023 .actionBox__ratings table .ratingBar .ratingBar__track .ratingBar__bar {
    position: absolute;
    height: 10px;
    border-radius: 8px
}

.light-mode .actionBoxGroup--product-2023 .actionBox__ratings table .ratingBar .ratingBar__track .ratingBar__bar {
    background-color: #FF960C
}

.dark-mode .actionBoxGroup--product-2023 .actionBox__ratings table .ratingBar .ratingBar__track .ratingBar__bar {
    background-color: #ea7700
}

.actionBoxGroup--product-2023 .actionBox__ratings table .ratingPercentage {
    text-align: right
}

.actionBoxGroup--product-2023 .actionBox__actions--favorites {
    display: flex;
    text-align: center
}

.actionBoxGroup--product-2023 .actionBox__actions--favorites a {
    flex-grow: 1;
    padding: 1rem 0.5rem
}

.light-mode .actionBoxGroup--product-2023 .actionBox__actions--favorites a {
    color: #191b2a
}

.dark-mode .actionBoxGroup--product-2023 .actionBox__actions--favorites a {
    color: #FFFFFF
}

.light-mode .actionBoxGroup--product-2023 .actionBox__actions--favorites a:hover {
    color: #2c87c3
}

.dark-mode .actionBoxGroup--product-2023 .actionBox__actions--favorites a:hover {
    color: #74baff
}

.actionBoxGroup--product-2023 .actionBox__actions--favorites a svg {
    margin-bottom: -3px
}

.actionBoxGroup--product-2023 .actionBox__actions--inventory {
    display: flex;
    text-align: center;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem
}

.actionBoxGroup--product-2023 .actionBox__actions--inventory a {
    flex-grow: 1;
    padding: 1rem 0.5rem
}

.light-mode .actionBoxGroup--product-2023 .actionBox__actions--inventory a {
    color: #191b2a
}

.dark-mode .actionBoxGroup--product-2023 .actionBox__actions--inventory a {
    color: #FFFFFF
}

.light-mode .actionBoxGroup--product-2023 .actionBox__actions--inventory a:hover {
    color: #2c87c3
}

.dark-mode .actionBoxGroup--product-2023 .actionBox__actions--inventory a:hover {
    color: #74baff
}

.actionBoxGroup--product-2023 .actionBox__actions--inventory a svg {
    margin-bottom: -3px
}

.actionBoxGroup--productSeries {
    font-size: 0;
    padding-bottom: 2rem
}

.actionBoxGroup--productSeries a {
    font-size: 0.875rem;
    border-style: solid;
    border-width: 1px;
    padding: 2px 6px;
    display: block;
    border-radius: 0.25rem;
    -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.light-mode .actionBoxGroup--productSeries a {
    color: #191b2a;
    border-color: rgba(146, 146, 146, 0.6);
    background-color: #ffffff
}

.dark-mode .actionBoxGroup--productSeries a {
    color: #FFFFFF;
    border-color: rgba(113, 113, 132, 0.6);
    background-color: #09090F
}

.actionBoxGroup--productSeries a:hover {
    text-decoration: none;
    -webkit-transition: all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.light-mode .actionBoxGroup--productSeries a:hover {
    color: #2c87c3;
    border-color: #2c87c3;
    background-color: #ffffff
}

.dark-mode .actionBoxGroup--productSeries a:hover {
    color: #74baff;
    border-color: #2b86de;
    background-color: #09090F
}

.actionBoxGroup--productSeries a.active {
    cursor: default
}

.light-mode .actionBoxGroup--productSeries a.active {
    color: #2c87c3;
    border-color: #2c87c3;
    background-color: #ffffff
}

.dark-mode .actionBoxGroup--productSeries a.active {
    color: #74baff;
    border-color: #2b86de;
    background-color: #09090F
}

.actionBoxGroup--productSeries a.inactive {
    opacity: 0.35
}

.actionBoxGroup--productSeries a.inactive:hover {
    opacity: 1
}

.light-mode .actionBoxGroup--productSeries a.inactive:hover {
    color: #191b2a;
    border-color: rgba(146, 146, 146, 0.6)
}

.dark-mode .actionBoxGroup--productSeries a.inactive:hover {
    color: #FFFFFF;
    border-color: rgba(113, 113, 132, 0.6)
}

.actionBoxGroup--productSeries ul {
    padding: 0
}

.actionBoxGroup--productSeries ul li {
    list-style: none;
    display: inline-block;
    padding: 0;
    margin-top: 0.5rem;
    margin-right: 0.5rem
}

.actionBoxGroup--partlist {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    align-items: center;
    border-style: solid;
    border-width: 1px
}

.light-mode .actionBoxGroup--partlist {
    border-color: #191b2a
}

.dark-mode .actionBoxGroup--partlist {
    border-color: #09090F
}

@media only screen and (min-width: 768px) {
    .actionBoxGroup--partlist {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns:1fr 1fr
    }
}

@media only screen and (min-width: 1100px) {
    .actionBoxGroup--partlist {
        -ms-grid-columns: 1fr auto auto;
        grid-template-columns:1fr auto auto
    }
}

.actionBoxGroup--partlist .actionBox {
    padding: 0.5rem
}

.light-mode .actionBoxGroup--partlist .actionBox a {
    color: #191b2a
}

.dark-mode .actionBoxGroup--partlist .actionBox a {
    color: #FFFFFF
}

.actionBoxGroup--partlist .actionBox a:hover {
    color: #2c87c3
}

.actionBoxGroup--partlist .actionBox li {
    font-size: 0.75rem;
    display: inline-block
}

.actionBoxGroup--partlist .actionBox li a {
    display: inline-flex;
    align-self: center
}

.light-mode .actionBoxGroup--partlist .actionBox svg {
    fill: #191b2a
}

.dark-mode .actionBoxGroup--partlist .actionBox svg {
    fill: #B8B8C8
}

.actionBoxGroup--partlist .actionBox__permalink {
    -ms-grid-row: 1;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns:auto 1fr;
    align-items: center;
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.light-mode .actionBoxGroup--partlist .actionBox__permalink {
    border-color: #191b2a
}

.dark-mode .actionBoxGroup--partlist .actionBox__permalink {
    border-color: #09090F
}

@media only screen and (min-width: 768px) {
    .actionBoxGroup--partlist .actionBox__permalink {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3
    }
}

@media only screen and (min-width: 1100px) {
    .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;
    padding: 0.375rem 0.5rem;
    min-height: 38px;
    width: 100%
}

@media only screen and (min-width: 1100px) {
    .actionBoxGroup--partlist .actionBox__permalink input {
        max-width: 90%
    }
}

.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: 1100px) {
    .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: #2c87c3;
    transition: fill 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.actionBoxGroup--partlist .actionBox__markup a svg {
    margin-right: 0;
    transition: fill 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
    width: 18px;
    height: 18px
}

.actionBoxGroup--partlist .actionBox__options {
    -ms-grid-row: 3;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-top-style: solid;
    border-top-width: 1px
}

.light-mode .actionBoxGroup--partlist .actionBox__options {
    border-color: #191b2a
}

.dark-mode .actionBoxGroup--partlist .actionBox__options {
    border-color: #09090F
}

@media only screen and (min-width: 768px) {
    .actionBoxGroup--partlist .actionBox__options {
        -ms-grid-column: 2;
        -ms-grid-row: 2;
        border-top: 0;
        border-left-style: solid;
        border-left-width: 1px
    }

    .light-mode .actionBoxGroup--partlist .actionBox__options {
        border-color: #191b2a
    }

    .dark-mode .actionBoxGroup--partlist .actionBox__options {
        border-color: #09090F
    }
}

@media only screen and (min-width: 1100px) {
    .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: 1100px) {
    .actionBoxGroup--partlist .actionBox__options a {
        width: auto
    }
}

@media only screen and (min-width: 1536px) {
    .actionBoxGroup--partlist .actionBox__options a {
        padding: 10px 1rem
    }
}

.actionBoxGroup--partlist-2023 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    align-items: center;
    box-shadow: 2px 4px 12px rgba(25, 27, 42, 0.15);
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    position: relative;
    z-index: 1
}

.light-mode .actionBoxGroup--partlist-2023 {
    background-color: #ffffff
}

.dark-mode .actionBoxGroup--partlist-2023 {
    background-color: #46465c
}

@media only screen and (min-width: 768px) {
    .actionBoxGroup--partlist-2023 {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns:1fr 1fr
    }
}

@media only screen and (min-width: 1100px) {
    .actionBoxGroup--partlist-2023 {
        -ms-grid-columns: 1fr auto auto;
        grid-template-columns:1fr auto auto
    }
}

.actionBoxGroup--partlist-2023 .actionBox-2023 {
    padding: 0.5rem
}

.light-mode .actionBoxGroup--partlist-2023 .actionBox-2023 a {
    color: #191b2a
}

.dark-mode .actionBoxGroup--partlist-2023 .actionBox-2023 a {
    color: #FFFFFF
}

.actionBoxGroup--partlist-2023 .actionBox-2023 a:hover {
    color: #2c87c3
}

.actionBoxGroup--partlist-2023 .actionBox-2023 li {
    font-size: 0.75rem;
    display: inline-block
}

.actionBoxGroup--partlist-2023 .actionBox-2023 li a {
    display: inline-flex;
    align-self: center
}

.light-mode .actionBoxGroup--partlist-2023 .actionBox-2023 svg {
    fill: #191b2a
}

.dark-mode .actionBoxGroup--partlist-2023 .actionBox-2023 svg {
    fill: #B8B8C8
}

.actionBoxGroup--partlist-2023 .actionBox__permalink {
    -ms-grid-row: 1;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns:auto 1fr;
    align-items: center
}

@media only screen and (min-width: 768px) {
    .actionBoxGroup--partlist-2023 .actionBox__permalink {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3
    }
}

@media only screen and (min-width: 1100px) {
    .actionBoxGroup--partlist-2023 .actionBox__permalink {
        -ms-grid-column-span: 1;
        grid-column: auto;
        border-bottom: 0
    }
}

.actionBoxGroup--partlist-2023 .actionBox__permalink input {
    -ms-grid-column: 2;
    font-size: 0.875rem;
    padding: 0.375rem 0.5rem;
    min-height: 38px;
    width: 100%;
    border-style: solid;
    border-width: 1px;
    border-radius: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem
}

.light-mode .actionBoxGroup--partlist-2023 .actionBox__permalink input {
    background: #f7f7f7
}

.dark-mode .actionBoxGroup--partlist-2023 .actionBox__permalink input {
    background: #282838
}

.light-mode .actionBoxGroup--partlist-2023 .actionBox__permalink input {
    border-color: #EAEAEA
}

.dark-mode .actionBoxGroup--partlist-2023 .actionBox__permalink input {
    border-color: #282838
}

.actionBoxGroup--partlist-2023 .actionBox__permalink a.actionBox__permalink--copy {
    font-size: 0.75rem;
    padding: 7px 2px 9px 2px;
    min-height: 38px;
    border-style: solid;
    border-width: 1px;
    border-right: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem
}

.light-mode .actionBoxGroup--partlist-2023 .actionBox__permalink a.actionBox__permalink--copy {
    background: #f7f7f7
}

.dark-mode .actionBoxGroup--partlist-2023 .actionBox__permalink a.actionBox__permalink--copy {
    background: #282838
}

.light-mode .actionBoxGroup--partlist-2023 .actionBox__permalink a.actionBox__permalink--copy {
    border-color: #EAEAEA
}

.dark-mode .actionBoxGroup--partlist-2023 .actionBox__permalink a.actionBox__permalink--copy {
    border-color: #282838
}

.actionBoxGroup--partlist-2023 .actionBox__permalink a.actionBox__permalink--copy svg {
    margin: 4px 8px 0 9px
}

.light-mode .actionBoxGroup--partlist-2023 .actionBox__permalink a.actionBox__permalink--copy svg:hover {
    fill: #2c87c3
}

.dark-mode .actionBoxGroup--partlist-2023 .actionBox__permalink a.actionBox__permalink--copy svg:hover {
    fill: #2c87c3
}

.actionBoxGroup--partlist-2023 .actionBox__permalink .tooltip {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.actionBoxGroup--partlist-2023 .actionBox__markup {
    -ms-grid-row: 2;
    display: flex;
    justify-content: center;
    align-items: center
}

@media only screen and (min-width: 768px) {
    .actionBoxGroup--partlist-2023 .actionBox__markup {
        -ms-grid-column: 1
    }
}

@media only screen and (min-width: 1100px) {
    .actionBoxGroup--partlist-2023 .actionBox__markup {
        -ms-grid-column: 2;
        -ms-grid-row: 1
    }
}

.actionBoxGroup--partlist-2023 .actionBox__markup p {
    font-size: 0.75rem;
    display: inline-block;
    font-weight: 700;
    margin-right: 0.5rem
}

.actionBoxGroup--partlist-2023 .actionBox__markup a {
    padding: 10px
}

.actionBoxGroup--partlist-2023 .actionBox__markup a:hover svg {
    fill: #2c87c3;
    transition: fill 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.actionBoxGroup--partlist-2023 .actionBox__markup a svg {
    margin-right: 0;
    transition: fill 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
    width: 18px;
    height: 18px
}

.actionBoxGroup--partlist-2023 .actionBox__options {
    -ms-grid-row: 3;
    display: flex;
    justify-content: center;
    align-items: center
}

.actionBoxGroup--partlist-2023 .actionBox__options li {
    margin: 0 0 0 0.5rem;
    border-radius: 0.25rem;
    border-style: solid;
    border-width: 1px
}

.light-mode .actionBoxGroup--partlist-2023 .actionBox__options li {
    border-color: #EAEAEA
}

.dark-mode .actionBoxGroup--partlist-2023 .actionBox__options li {
    border-color: #282838
}

@media only screen and (min-width: 768px) {
    .actionBoxGroup--partlist-2023 .actionBox__options {
        -ms-grid-column: 2;
        -ms-grid-row: 2;
        border-top: 0
    }
}

@media only screen and (min-width: 1100px) {
    .actionBoxGroup--partlist-2023 .actionBox__options {
        -ms-grid-column: 3;
        -ms-grid-row: 1;
        width: auto
    }
}

.actionBoxGroup--partlist-2023 .actionBox__options a {
    padding: 10px 0.5rem;
    text-align: center
}

@media only screen and (min-width: 1100px) {
    .actionBoxGroup--partlist-2023 .actionBox__options a {
        width: auto
    }
}

@media only screen and (min-width: 1536px) {
    .actionBoxGroup--partlist-2023 .actionBox__options a {
        padding: 10px 1rem
    }
}

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

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

.actionBoxGroup--build {
    border-style: solid;
    border-width: 1px
}

.light-mode .actionBoxGroup--build {
    border-color: #191b2a
}

.dark-mode .actionBoxGroup--build {
    border-color: #09090F
}

.actionBoxGroup--build ul {
    padding: 0
}

.actionBoxGroup--build .actionBox li {
    font-size: 0.75rem;
    display: inline-block
}

.actionBoxGroup--build .actionBox li a {
    display: block;
    width: 100%;
    padding: 0.75rem 0.5rem;
    font-size: 1rem
}

.light-mode .actionBoxGroup--build .actionBox li a {
    color: #191b2a
}

.dark-mode .actionBoxGroup--build .actionBox li a {
    color: #FFFFFF
}

@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 li a:hover {
    color: #2c87c3
}

.light-mode .actionBoxGroup--build .actionBox svg {
    fill: #191b2a
}

.dark-mode .actionBoxGroup--build .actionBox svg {
    fill: #B8B8C8
}

.actionBoxGroup--build .actionBox__actions {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    -ms-grid-rows: 1fr;
    grid-template-columns:1fr 1fr;
    text-align: center;
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.light-mode .actionBoxGroup--build .actionBox__actions {
    border-color: #191b2a
}

.dark-mode .actionBoxGroup--build .actionBox__actions {
    border-color: #09090F
}

.actionBoxGroup--build .actionBox__actions li:first-of-type {
    border-right-style: solid;
    border-right-width: 1px
}

.light-mode .actionBoxGroup--build .actionBox__actions li:first-of-type {
    border-color: #191b2a
}

.dark-mode .actionBoxGroup--build .actionBox__actions li:first-of-type {
    border-color: #09090F
}

.actionBoxGroup--build .actionBox__actions li:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-row: 1
}

.actionBoxGroup--build .actionBox__actions li:nth-child(2) {
    -ms-grid-column: 2;
    -ms-grid-row: 1
}

.actionBoxGroup--build .actionBox__vote svg {
    transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    animation-name: bounceArrow--down;
    animation-duration: 0.35s
}

.actionBoxGroup--build .actionBox__vote--voted svg {
    animation-name: bounceArrow--up;
    animation-duration: 0.35s
}

.light-mode .actionBoxGroup--build .actionBox__vote--voted svg {
    fill: #2c87c3
}

.dark-mode .actionBoxGroup--build .actionBox__vote--voted svg {
    fill: #74baff
}

.actionBoxGroup--build .actionBox__vote--disabled {
    cursor: default
}

.actionBoxGroup--build .actionBox__vote--disabled:hover {
    text-decoration: none
}

.light-mode .actionBoxGroup--build .actionBox__vote--disabled:hover {
    color: #676767
}

.dark-mode .actionBoxGroup--build .actionBox__vote--disabled:hover {
    color: #70709b
}

.light-mode .actionBoxGroup--build .actionBox__actions li:first-of-type {
    border-color: #191b2a
}

.dark-mode .actionBoxGroup--build .actionBox__actions li:first-of-type {
    border-color: #09090F
}

.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--build-2023 {
    margin-top: 0.75rem;
    box-shadow: 2px 4px 12px rgba(25, 27, 42, 0.15);
    border-radius: 0.5rem
}

.light-mode .actionBoxGroup--build-2023 {
    background-color: #ffffff
}

.dark-mode .actionBoxGroup--build-2023 {
    background-color: #46465c
}

@media only screen and (min-width: 1100px) {
    .actionBoxGroup--build-2023 {
        margin-top: 0
    }
}

.actionBoxGroup--build-2023 ul {
    padding: 0
}

.actionBoxGroup--build-2023 .actionBox-2023 li {
    font-size: 0.75rem;
    display: inline-block
}

.actionBoxGroup--build-2023 .actionBox-2023 li a {
    display: block;
    width: 100%;
    padding: 0.75rem 0.5rem;
    font-size: 1rem
}

.light-mode .actionBoxGroup--build-2023 .actionBox-2023 li a {
    color: #191b2a
}

.dark-mode .actionBoxGroup--build-2023 .actionBox-2023 li a {
    color: #FFFFFF
}

@media only screen and (min-width: 768px) {
    .actionBoxGroup--build-2023 .actionBox-2023 li a {
        padding: 1rem 0.5rem
    }
}

.actionBoxGroup--build-2023 .actionBox-2023 li a svg {
    position: relative;
    top: 1px
}

.actionBoxGroup--build-2023 .actionBox-2023 li a:hover {
    color: #2c87c3
}

.light-mode .actionBoxGroup--build-2023 .actionBox-2023 svg {
    fill: #191b2a
}

.dark-mode .actionBoxGroup--build-2023 .actionBox-2023 svg {
    fill: #B8B8C8
}

.actionBoxGroup--build-2023 .actionBox__actions {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    -ms-grid-rows: 1fr;
    grid-template-columns:1fr 1fr;
    text-align: center
}

.actionBoxGroup--build-2023 .actionBox__actions li {
    padding: 0;
    margin: 16px 8px 0 8px
}

.actionBoxGroup--build-2023 .actionBox__actions li a {
    border-radius: 4px;
    padding: 8px;
    border-style: solid;
    border-width: 1px
}

.light-mode .actionBoxGroup--build-2023 .actionBox__actions li a {
    border-color: #EAEAEA
}

.dark-mode .actionBoxGroup--build-2023 .actionBox__actions li a {
    border-color: #282838
}

.actionBoxGroup--build-2023 .actionBox__actions li a:hover {
    text-decoration: none;
    border-color: #2c87c3
}

.actionBoxGroup--build-2023 .actionBox__actions li:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    margin-right: 4px
}

.actionBoxGroup--build-2023 .actionBox__actions li:nth-child(2) {
    -ms-grid-column: 2;
    -ms-grid-row: 1;
    margin-left: 4px
}

.actionBoxGroup--build-2023 .actionBox__vote svg {
    transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    animation-name: bounceArrow--down;
    animation-duration: 0.35s
}

.actionBoxGroup--build-2023 .actionBox__vote--voted svg {
    animation-name: bounceArrow--up;
    animation-duration: 0.35s
}

.light-mode .actionBoxGroup--build-2023 .actionBox__vote--voted svg {
    fill: #2c87c3
}

.dark-mode .actionBoxGroup--build-2023 .actionBox__vote--voted svg {
    fill: #74baff
}

.actionBoxGroup--build-2023 .actionBox__vote--disabled {
    cursor: default
}

.actionBoxGroup--build-2023 .actionBox__vote--disabled:hover {
    text-decoration: none
}

.light-mode .actionBoxGroup--build-2023 .actionBox__vote--disabled:hover {
    color: #676767
}

.dark-mode .actionBoxGroup--build-2023 .actionBox__vote--disabled:hover {
    color: #70709b
}

.actionBoxGroup--build-2023 .actionBox__permalink {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns:auto 1fr;
    align-items: center;
    padding: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem
}

.actionBoxGroup--build-2023 .actionBox__permalink svg {
    -ms-grid-column: 1;
    -ms-grid-row-align: center;
    margin: 0 0.5rem
}

.actionBoxGroup--build-2023 .actionBox__permalink input {
    -ms-grid-column: 2;
    padding: 0.375rem 0.5rem;
    min-height: 38px;
    width: 100%;
    border-style: solid;
    border-width: 1px;
    border-radius: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem
}

.light-mode .actionBoxGroup--build-2023 .actionBox__permalink input {
    background: #f7f7f7
}

.dark-mode .actionBoxGroup--build-2023 .actionBox__permalink input {
    background: #282838
}

.light-mode .actionBoxGroup--build-2023 .actionBox__permalink input {
    border-color: #EAEAEA
}

.dark-mode .actionBoxGroup--build-2023 .actionBox__permalink input {
    border-color: #282838
}

.actionBoxGroup--build-2023 .actionBox__permalink a.actionBox__permalink--copy {
    font-size: 0.75rem;
    padding: 7px 2px 9px 2px;
    border-style: solid;
    border-width: 1px;
    border-right: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem
}

.light-mode .actionBoxGroup--build-2023 .actionBox__permalink a.actionBox__permalink--copy {
    background: #f7f7f7
}

.dark-mode .actionBoxGroup--build-2023 .actionBox__permalink a.actionBox__permalink--copy {
    background: #282838
}

.light-mode .actionBoxGroup--build-2023 .actionBox__permalink a.actionBox__permalink--copy {
    border-color: #EAEAEA
}

.dark-mode .actionBoxGroup--build-2023 .actionBox__permalink a.actionBox__permalink--copy {
    border-color: #282838
}

.actionBoxGroup--build-2023 .actionBox__permalink a.actionBox__permalink--copy svg {
    margin: 4px 8px 0 9px
}

.light-mode .actionBoxGroup--build-2023 .actionBox__permalink a.actionBox__permalink--copy svg:hover {
    fill: #2c87c3
}

.dark-mode .actionBoxGroup--build-2023 .actionBox__permalink a.actionBox__permalink--copy svg:hover {
    fill: #2c87c3
}

.actionBoxGroup--guide {
    border-style: solid;
    border-width: 1px
}

.light-mode .actionBoxGroup--guide {
    background-color: #f9f5e9;
    border-color: #191b2a
}

.dark-mode .actionBoxGroup--guide {
    background-color: #46465c;
    border-color: #09090F
}

@media only screen and (min-width: 1100px) {
    .actionBoxGroup--guide {
        display: -ms-grid;
        -ms-grid-columns: 1fr 1fr;
        display: grid;
        grid-template-columns:1fr 1fr
    }
}

.actionBoxGroup--guide ul {
    padding: 0
}

.actionBoxGroup--guide .actionBox li {
    font-size: 0.75rem;
    display: inline-block
}

.actionBoxGroup--guide .actionBox li a {
    display: block;
    width: 100%;
    padding: 1rem 0.5rem;
    font-size: 1rem
}

.actionBoxGroup--guide .actionBox li a svg {
    position: relative;
    top: 1px
}

.light-mode .actionBoxGroup--guide .actionBox li a {
    color: #191b2a
}

.dark-mode .actionBoxGroup--guide .actionBox li a {
    color: #FFFFFF
}

.actionBoxGroup--guide .actionBox li a:hover {
    color: #2c87c3
}

.light-mode .actionBoxGroup--guide .actionBox svg {
    fill: #191b2a
}

.dark-mode .actionBoxGroup--guide .actionBox svg {
    fill: #B8B8C8
}

.actionBoxGroup--guide .actionBox__actions {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns:1fr 1fr;
    text-align: center;
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.light-mode .actionBoxGroup--guide .actionBox__actions {
    border-color: #191b2a
}

.dark-mode .actionBoxGroup--guide .actionBox__actions {
    border-color: #09090F
}

@media only screen and (min-width: 1100px) {
    .actionBoxGroup--guide .actionBox__actions {
        -ms-grid-column: 1;
        border-bottom: none;
        border-right-style: solid;
        border-right-width: 1px
    }

    .light-mode .actionBoxGroup--guide .actionBox__actions {
        border-color: #191b2a
    }

    .dark-mode .actionBoxGroup--guide .actionBox__actions {
        border-color: #09090F
    }
}

.actionBoxGroup--guide .actionBox__actions li:first-of-type {
    border-right-style: solid;
    border-right-width: 1px
}

.light-mode .actionBoxGroup--guide .actionBox__actions li:first-of-type {
    border-color: #191b2a
}

.dark-mode .actionBoxGroup--guide .actionBox__actions li:first-of-type {
    border-color: #09090F
}

.actionBoxGroup--guide .actionBox__actions li:nth-child(1) {
    -ms-grid-column: 1
}

.actionBoxGroup--guide .actionBox__actions li:nth-child(2) {
    -ms-grid-column: 2
}

.actionBoxGroup--guide .actionBox__vote svg {
    transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    animation-name: bounceArrow--down;
    animation-duration: 0.35s
}

.actionBoxGroup--guide .actionBox__vote--voted svg {
    animation-name: bounceArrow--up;
    animation-duration: 0.35s
}

.light-mode .actionBoxGroup--guide .actionBox__vote--voted svg {
    fill: #2c87c3
}

.dark-mode .actionBoxGroup--guide .actionBox__vote--voted svg {
    fill: #74baff
}

.actionBoxGroup--guide .actionBox__vote--disabled {
    cursor: default
}

.actionBoxGroup--guide .actionBox__vote--disabled:hover {
    text-decoration: none
}

.light-mode .actionBoxGroup--guide .actionBox__vote--disabled:hover {
    color: #676767
}

.dark-mode .actionBoxGroup--guide .actionBox__vote--disabled:hover {
    color: #70709b
}

.actionBoxGroup--guide .actionBox__permalink {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns:auto 1fr;
    align-items: center;
    padding: 0.5rem
}

@media only screen and (min-width: 1100px) {
    .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%
}

.actionBoxGroup--guide-2023 {
    margin-top: 1rem;
    box-shadow: 2px 4px 12px rgba(25, 27, 42, 0.15);
    border-radius: 0.5rem
}

.light-mode .actionBoxGroup--guide-2023 {
    background-color: #ffffff
}

.dark-mode .actionBoxGroup--guide-2023 {
    background-color: #46465c
}

@media only screen and (min-width: 1100px) {
    .actionBoxGroup--guide-2023 {
        display: -ms-grid;
        -ms-grid-columns: auto 1fr;
        display: grid;
        grid-template-columns:auto 1fr;
        margin-top: 0
    }
}

.actionBoxGroup--guide-2023 ul {
    padding: 0
}

.actionBoxGroup--guide-2023 .actionBox-2023 li {
    font-size: 0.75rem;
    display: inline-block
}

.actionBoxGroup--guide-2023 .actionBox-2023 li a {
    display: block;
    width: 100%;
    padding: 0.5rem;
    font-size: 1rem
}

@media only screen and (min-width: 1100px) {
    .actionBoxGroup--guide-2023 .actionBox-2023 li a {
        padding: 1rem 0.5rem
    }
}

.actionBoxGroup--guide-2023 .actionBox-2023 li a svg {
    position: relative;
    top: 1px
}

.light-mode .actionBoxGroup--guide-2023 .actionBox-2023 li a {
    color: #191b2a
}

.dark-mode .actionBoxGroup--guide-2023 .actionBox-2023 li a {
    color: #FFFFFF
}

.actionBoxGroup--guide-2023 .actionBox-2023 li a:hover {
    color: #2c87c3
}

.light-mode .actionBoxGroup--guide-2023 .actionBox-2023 svg {
    fill: #191b2a
}

.dark-mode .actionBoxGroup--guide-2023 .actionBox-2023 svg {
    fill: #B8B8C8
}

.actionBoxGroup--guide-2023 .actionBox__actions {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns:1fr 1fr;
    text-align: center;
    border-bottom-width: 0px
}

@media only screen and (min-width: 1100px) {
    .actionBoxGroup--guide-2023 .actionBox__actions {
        -ms-grid-column: 1;
        border-bottom: none;
        border-right-style: solid;
        border-right-width: 1px
    }

    .light-mode .actionBoxGroup--guide-2023 .actionBox__actions {
        border-color: #EAEAEA
    }

    .dark-mode .actionBoxGroup--guide-2023 .actionBox__actions {
        border-color: #282838
    }
}

.actionBoxGroup--guide-2023 .actionBox__actions li:first-of-type {
    border-right-width: 0px
}

@media only screen and (min-width: 1100px) {
    .actionBoxGroup--guide-2023 .actionBox__actions li:first-of-type {
        border-right-style: solid;
        border-right-width: 1px;
        padding: 0 1rem
    }

    .light-mode .actionBoxGroup--guide-2023 .actionBox__actions li:first-of-type {
        border-color: #EAEAEA
    }

    .dark-mode .actionBoxGroup--guide-2023 .actionBox__actions li:first-of-type {
        border-color: #282838
    }
}

.actionBoxGroup--guide-2023 .actionBox__actions li:nth-child(1) {
    -ms-grid-column: 1
}

.actionBoxGroup--guide-2023 .actionBox__actions li:nth-child(2) {
    -ms-grid-column: 2
}

.actionBoxGroup--guide-2023 .actionBox__vote svg {
    transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    animation-name: bounceArrow--down;
    animation-duration: 0.35s
}

.actionBoxGroup--guide-2023 .actionBox__vote--voted svg {
    animation-name: bounceArrow--up;
    animation-duration: 0.35s
}

.light-mode .actionBoxGroup--guide-2023 .actionBox__vote--voted svg {
    fill: #2c87c3
}

.dark-mode .actionBoxGroup--guide-2023 .actionBox__vote--voted svg {
    fill: #74baff
}

.actionBoxGroup--guide-2023 .actionBox__vote--disabled {
    cursor: default
}

.actionBoxGroup--guide-2023 .actionBox__vote--disabled:hover {
    text-decoration: none
}

.light-mode .actionBoxGroup--guide-2023 .actionBox__vote--disabled:hover {
    color: #676767
}

.dark-mode .actionBoxGroup--guide-2023 .actionBox__vote--disabled:hover {
    color: #70709b
}

.actionBoxGroup--guide-2023 .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: 1100px) {
    .actionBoxGroup--guide-2023 .actionBox__permalink {
        -ms-grid-column: 2;
        -ms-grid-row-align: center
    }
}

.actionBoxGroup--guide-2023 .actionBox__permalink svg {
    -ms-grid-column: 1;
    -ms-grid-row-align: center;
    margin: 0 0.5rem
}

.actionBoxGroup--guide-2023 .actionBox__permalink input {
    -ms-grid-column: 2;
    padding: 0.375rem 0.5rem;
    min-height: 38px;
    width: 100%;
    border-style: solid;
    border-width: 1px;
    border-radius: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem
}

.light-mode .actionBoxGroup--guide-2023 .actionBox__permalink input {
    background: #f7f7f7
}

.dark-mode .actionBoxGroup--guide-2023 .actionBox__permalink input {
    background: #282838
}

.light-mode .actionBoxGroup--guide-2023 .actionBox__permalink input {
    border-color: #EAEAEA
}

.dark-mode .actionBoxGroup--guide-2023 .actionBox__permalink input {
    border-color: #282838
}

.actionBoxGroup--guide-2023 .actionBox__permalink .actionBox__permalink--copy {
    font-size: 0.75rem;
    padding: 7px 2px 9px 2px;
    border-style: solid;
    border-width: 1px;
    border-right: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem
}

.light-mode .actionBoxGroup--guide-2023 .actionBox__permalink .actionBox__permalink--copy {
    background: #f7f7f7
}

.dark-mode .actionBoxGroup--guide-2023 .actionBox__permalink .actionBox__permalink--copy {
    background: #282838
}

.light-mode .actionBoxGroup--guide-2023 .actionBox__permalink .actionBox__permalink--copy {
    border-color: #EAEAEA
}

.dark-mode .actionBoxGroup--guide-2023 .actionBox__permalink .actionBox__permalink--copy {
    border-color: #282838
}

.actionBoxGroup--guide-2023 .actionBox__permalink .actionBox__permalink--copy svg {
    margin: 4px 8px 0 9px
}

.light-mode .actionBoxGroup--guide-2023 .actionBox__permalink .actionBox__permalink--copy svg:hover {
    fill: #2c87c3
}

.dark-mode .actionBoxGroup--guide-2023 .actionBox__permalink .actionBox__permalink--copy svg:hover {
    fill: #2c87c3
}

.actionBoxGroup--compare {
    border-style: solid;
    border-width: 1px
}

.light-mode .actionBoxGroup--compare {
    background-color: #f9f5e9;
    border-color: #191b2a
}

.dark-mode .actionBoxGroup--compare {
    background-color: #46465c;
    border-color: #09090F
}

@media only screen and (min-width: 1100px) {
    .actionBoxGroup--compare {
        display: -ms-grid;
        -ms-grid-columns: 1fr 1fr;
        display: grid;
        grid-template-columns:1fr 1fr
    }
}

.actionBoxGroup--compare ul {
    padding: 0
}

.actionBoxGroup--compare .actionBox li {
    font-size: 0.75rem;
    display: inline-block
}

.actionBoxGroup--compare .actionBox li a {
    display: block;
    width: 100%;
    padding: 1rem 0.5rem;
    font-size: 1rem
}

.actionBoxGroup--compare .actionBox li a svg {
    position: relative;
    top: 1px
}

.light-mode .actionBoxGroup--compare .actionBox li a {
    color: #191b2a
}

.dark-mode .actionBoxGroup--compare .actionBox li a {
    color: #FFFFFF
}

.actionBoxGroup--compare .actionBox li a:hover {
    color: #2c87c3
}

.light-mode .actionBoxGroup--compare .actionBox svg {
    fill: #191b2a
}

.dark-mode .actionBoxGroup--compare .actionBox svg {
    fill: #B8B8C8
}

.actionBoxGroup--compare .actionBox__actions {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns:1fr 1fr;
    text-align: center;
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.light-mode .actionBoxGroup--compare .actionBox__actions {
    border-color: #191b2a
}

.dark-mode .actionBoxGroup--compare .actionBox__actions {
    border-color: #09090F
}

@media only screen and (min-width: 1100px) {
    .actionBoxGroup--compare .actionBox__actions {
        -ms-grid-column: 1;
        border-bottom: none;
        border-right-style: solid;
        border-right-width: 1px
    }

    .light-mode .actionBoxGroup--compare .actionBox__actions {
        border-color: #191b2a
    }

    .dark-mode .actionBoxGroup--compare .actionBox__actions {
        border-color: #09090F
    }
}

.actionBoxGroup--compare .actionBox__actions li:first-of-type {
    border-right-style: solid;
    border-right-width: 1px
}

.light-mode .actionBoxGroup--compare .actionBox__actions li:first-of-type {
    border-color: #191b2a
}

.dark-mode .actionBoxGroup--compare .actionBox__actions li:first-of-type {
    border-color: #09090F
}

.actionBoxGroup--compare .actionBox__actions li:nth-child(1) {
    -ms-grid-column: 1
}

.actionBoxGroup--compare .actionBox__actions li:nth-child(2) {
    -ms-grid-column: 2
}

.actionBoxGroup--compare .actionBox__vote svg {
    transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    animation-name: bounceArrow--down;
    animation-duration: 0.35s
}

.actionBoxGroup--compare .actionBox__vote--voted svg {
    animation-name: bounceArrow--up;
    animation-duration: 0.35s
}

.light-mode .actionBoxGroup--compare .actionBox__vote--voted svg {
    fill: #2c87c3
}

.dark-mode .actionBoxGroup--compare .actionBox__vote--voted svg {
    fill: #74baff
}

.actionBoxGroup--compare .actionBox__vote--disabled {
    cursor: default
}

.actionBoxGroup--compare .actionBox__vote--disabled:hover {
    text-decoration: none
}

.light-mode .actionBoxGroup--compare .actionBox__vote--disabled:hover {
    color: #676767
}

.dark-mode .actionBoxGroup--compare .actionBox__vote--disabled:hover {
    color: #70709b
}

.actionBoxGroup--compare .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: 1100px) {
    .actionBoxGroup--compare .actionBox__permalink {
        -ms-grid-column: 2;
        -ms-grid-row-align: center
    }
}

.actionBoxGroup--compare .actionBox__permalink svg {
    -ms-grid-column: 1;
    -ms-grid-row-align: center;
    margin: 0 0.5rem
}

.actionBoxGroup--compare .actionBox__permalink input {
    -ms-grid-column: 2;
    width: 100%
}

.actionBoxGroup--compare-2023 {
    margin: 1rem;
    margin-top: 1rem;
    box-shadow: 2px 4px 12px rgba(25, 27, 42, 0.15);
    border-radius: 0.5rem
}

.light-mode .actionBoxGroup--compare-2023 {
    background-color: #ffffff
}

.dark-mode .actionBoxGroup--compare-2023 {
    background-color: #46465c
}

@media only screen and (min-width: 1100px) {
    .actionBoxGroup--compare-2023 {
        display: -ms-grid;
        -ms-grid-columns: 1fr auto;
        display: grid;
        grid-template-columns:1fr auto;
        margin-top: 0
    }
}

.actionBoxGroup--compare-2023 ul {
    padding: 0
}

.actionBoxGroup--compare-2023 .actionBox-2023 li {
    font-size: 0.75rem;
    display: inline-block
}

.actionBoxGroup--compare-2023 .actionBox-2023 li a {
    display: block;
    width: 100%;
    padding: 0.5rem;
    font-size: 1rem
}

@media only screen and (min-width: 1100px) {
    .actionBoxGroup--compare-2023 .actionBox-2023 li a {
        padding: 1rem 0.5rem
    }
}

.actionBoxGroup--compare-2023 .actionBox-2023 li a svg {
    position: relative;
    top: 1px
}

.light-mode .actionBoxGroup--compare-2023 .actionBox-2023 li a {
    color: #191b2a
}

.dark-mode .actionBoxGroup--compare-2023 .actionBox-2023 li a {
    color: #FFFFFF
}

.actionBoxGroup--compare-2023 .actionBox-2023 li a:hover {
    color: #2c87c3
}

.light-mode .actionBoxGroup--compare-2023 .actionBox-2023 svg {
    fill: #191b2a
}

.dark-mode .actionBoxGroup--compare-2023 .actionBox-2023 svg {
    fill: #B8B8C8
}

.actionBoxGroup--compare-2023 .actionBox__actions {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns:1fr 1fr;
    text-align: center;
    border-bottom-width: 0px
}

@media only screen and (min-width: 1100px) {
    .actionBoxGroup--compare-2023 .actionBox__actions {
        -ms-grid-column: 1;
        border-bottom: none;
        border-right-style: solid;
        border-right-width: 1px
    }

    .light-mode .actionBoxGroup--compare-2023 .actionBox__actions {
        border-color: #EAEAEA
    }

    .dark-mode .actionBoxGroup--compare-2023 .actionBox__actions {
        border-color: #282838
    }
}

.actionBoxGroup--compare-2023 .actionBox__actions li:first-of-type {
    border-right-width: 0px
}

@media only screen and (min-width: 1100px) {
    .actionBoxGroup--compare-2023 .actionBox__actions li:first-of-type {
        border-right-style: solid;
        border-right-width: 1px;
        padding: 0 1rem
    }

    .light-mode .actionBoxGroup--compare-2023 .actionBox__actions li:first-of-type {
        border-color: #EAEAEA
    }

    .dark-mode .actionBoxGroup--compare-2023 .actionBox__actions li:first-of-type {
        border-color: #282838
    }
}

.actionBoxGroup--compare-2023 .actionBox__actions li:nth-child(1) {
    -ms-grid-column: 1
}

.actionBoxGroup--compare-2023 .actionBox__actions li:nth-child(2) {
    -ms-grid-column: 2
}

.actionBoxGroup--compare-2023 .actionBox__vote svg {
    transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    animation-name: bounceArrow--down;
    animation-duration: 0.35s
}

.actionBoxGroup--compare-2023 .actionBox__vote--voted svg {
    animation-name: bounceArrow--up;
    animation-duration: 0.35s
}

.light-mode .actionBoxGroup--compare-2023 .actionBox__vote--voted svg {
    fill: #2c87c3
}

.dark-mode .actionBoxGroup--compare-2023 .actionBox__vote--voted svg {
    fill: #74baff
}

.actionBoxGroup--compare-2023 .actionBox__vote--disabled {
    cursor: default
}

.actionBoxGroup--compare-2023 .actionBox__vote--disabled:hover {
    text-decoration: none
}

.light-mode .actionBoxGroup--compare-2023 .actionBox__vote--disabled:hover {
    color: #676767
}

.dark-mode .actionBoxGroup--compare-2023 .actionBox__vote--disabled:hover {
    color: #70709b
}

.actionBoxGroup--compare-2023 .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: 1100px) {
    .actionBoxGroup--compare-2023 .actionBox__permalink {
        -ms-grid-column: 2;
        -ms-grid-row-align: center
    }
}

.actionBoxGroup--compare-2023 .actionBox__permalink svg {
    -ms-grid-column: 1;
    -ms-grid-row-align: center;
    margin: 0 0.5rem
}

.actionBoxGroup--compare-2023 .actionBox__permalink input {
    -ms-grid-column: 2;
    padding: 0.375rem 0.5rem;
    min-height: 38px;
    width: 100%;
    border-style: solid;
    border-width: 1px;
    border-radius: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem
}

.light-mode .actionBoxGroup--compare-2023 .actionBox__permalink input {
    background: #f7f7f7
}

.dark-mode .actionBoxGroup--compare-2023 .actionBox__permalink input {
    background: #282838
}

.light-mode .actionBoxGroup--compare-2023 .actionBox__permalink input {
    border-color: #EAEAEA
}

.dark-mode .actionBoxGroup--compare-2023 .actionBox__permalink input {
    border-color: #282838
}

.actionBoxGroup--compare-2023 .actionBox__permalink .actionBox__permalink--copy {
    font-size: 0.75rem;
    padding: 7px 2px 9px 2px;
    border-style: solid;
    border-width: 1px;
    border-right: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem
}

.light-mode .actionBoxGroup--compare-2023 .actionBox__permalink .actionBox__permalink--copy {
    background: #f7f7f7
}

.dark-mode .actionBoxGroup--compare-2023 .actionBox__permalink .actionBox__permalink--copy {
    background: #282838
}

.light-mode .actionBoxGroup--compare-2023 .actionBox__permalink .actionBox__permalink--copy {
    border-color: #EAEAEA
}

.dark-mode .actionBoxGroup--compare-2023 .actionBox__permalink .actionBox__permalink--copy {
    border-color: #282838
}

.actionBoxGroup--compare-2023 .actionBox__permalink .actionBox__permalink--copy svg {
    margin: 4px 8px 0 9px
}

.light-mode .actionBoxGroup--compare-2023 .actionBox__permalink .actionBox__permalink--copy svg:hover {
    fill: #2c87c3
}

.dark-mode .actionBoxGroup--compare-2023 .actionBox__permalink .actionBox__permalink--copy svg:hover {
    fill: #2c87c3
}

.actionBoxGroup--compare-2023 .actionBox__markup {
    -ms-grid-row: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 1rem;
    padding-left: 1rem
}

@media only screen and (min-width: 768px) {
    .actionBoxGroup--compare-2023 .actionBox__markup {
        -ms-grid-column: 1
    }
}

@media only screen and (min-width: 1100px) {
    .actionBoxGroup--compare-2023 .actionBox__markup {
        -ms-grid-column: 2;
        -ms-grid-row: 1
    }
}

.actionBoxGroup--compare-2023 .actionBox__markup p {
    font-size: 0.75rem;
    display: inline-block;
    font-weight: 700;
    margin-right: 0.5rem
}

.actionBoxGroup--compare-2023 .actionBox__markup li a {
    padding: 10px
}

.actionBoxGroup--compare-2023 .actionBox__markup a {
    padding: 10px
}

.actionBoxGroup--compare-2023 .actionBox__markup a:hover svg {
    fill: #2c87c3;
    transition: fill 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.actionBoxGroup--compare-2023 .actionBox__markup a svg {
    margin-right: 0;
    transition: fill 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
    width: 18px;
    height: 18px
}

.tooltip {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.tooltipText {
    position: absolute;
    z-index: 100;
    bottom: 75%;
    padding: 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.6875rem;
    font-weight: 400;
    opacity: 0;
    transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
    white-space: nowrap
}

.light-mode .tooltipText {
    background: #191b2a
}

.dark-mode .tooltipText {
    background: #FFFFFF
}

.light-mode .tooltipText {
    color: #ffffff
}

.dark-mode .tooltipText {
    color: #09090F
}

.tooltipText::after {
    content: "";
    border-width: 4px;
    border-style: solid;
    position: absolute;
    top: 100%;
    left: 40%;
    margin-left: 5%
}

.light-mode .tooltipText::after {
    border-color: #191b2a transparent transparent transparent
}

.dark-mode .tooltipText::after {
    border-color: #FFFFFF transparent transparent transparent
}

.tooltip:hover .tooltipText {
    opacity: 1;
    transform: translateY(-10px)
}

.p1 {
    padding: 1px
}

.p2 {
    padding: 2px
}

.p3 {
    padding: 3px
}

.p4 {
    padding: 4px
}

.p5 {
    padding: 5px
}

.p6 {
    padding: 6px
}

.p7 {
    padding: 7px
}

.p8 {
    padding: 8px
}

.p9 {
    padding: 9px
}

.p10 {
    padding: 10px
}

.img__part {
    display: block;
    background-color: #ffffff;
    padding: 4px;
    border-width: 1px;
    border-style: solid
}

.light-mode .img__part {
    border-color: #dbdbdb
}

.dark-mode .img__part {
    border-color: #37374d
}

.img__part img {
    max-width: 100%;
    max-height: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    vertical-align: middle
}

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

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

.allocations__component {
    display: flex;
    align-items: center;
    margin-bottom: 1rem
}

.allocations__component .img__part {
    margin-right: 1rem
}

.allocations__component h6 {
    line-height: 1.125
}

@media only screen and (min-width: 1536px) {
    .allocation__diagram {
        display: grid;
        grid-template-columns:1fr 1fr;
        grid-gap: 64px
    }
}

.allocationGroup {
    display: grid;
    grid-template-columns:162px 38px minmax(0, 600px);
    align-items: stretch;
    padding-bottom: 3rem
}

.allocationGroup li {
    position: relative;
    height: 100%
}

.allocationGroup li > div {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.allocationGroup__note {
    grid-column: 1/4;
    font-size: 0.75rem;
    padding: 1rem 0
}

.allocation__header, .allocation__port {
    padding: 0.25rem 0.5rem;
    border-left-width: 1px;
    border-right-width: 1px;
    border-style: solid
}

.light-mode .allocation__header, .light-mode .allocation__port {
    background-color: #ffffff;
    border-color: #D9D9D9
}

.dark-mode .allocation__header, .dark-mode .allocation__port {
    background-color: #09090F;
    border-color: #37374D
}

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

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

.allocation__header {
    padding-top: 0.25rem;
    border-top-width: 1px
}

.allocation__header h6 {
    font-size: 0.625rem;
    text-align: center
}

.port__block {
    display: flex;
    position: relative;
    border-width: 2px;
    border-style: solid;
    font-size: 0.625rem;
    font-weight: 700;
    padding-right: 0.25rem;
    align-items: center;
    min-height: 2.5rem;
    line-height: 1.125;
    z-index: 10
}

.port__block .img__wrapper {
    height: 100%;
    display: flex;
    align-items: center
}

@media only screen and (min-width: 1100px) {
    .port__block .img__wrapper:hover .port__info {
        display: block
    }
}

.port__block .img__part {
    background-color: transparent;
    border: 0;
    position: relative
}

.port__block:after {
    display: block;
    content: "";
    position: absolute;
    height: 2px;
    width: 11px;
    right: -11px
}

.light-mode .port__blockSolid--info {
    border-color: #2c87c3
}

.dark-mode .port__blockSolid--info {
    border-color: #2b86de
}

.light-mode .port__blockSolid--info:after {
    background-color: #2c87c3
}

.dark-mode .port__blockSolid--info:after {
    background-color: #2b86de
}

.light-mode .port__blockSolid--warning {
    border-color: #ff9115
}

.dark-mode .port__blockSolid--warning {
    border-color: #DA682C
}

.light-mode .port__blockSolid--warning:after {
    background-color: #ff9115
}

.dark-mode .port__blockSolid--warning:after {
    background-color: #DA682C
}

.light-mode .port__blockSolid--problem {
    border-color: #d91e18
}

.dark-mode .port__blockSolid--problem {
    border-color: #ff4560
}

.light-mode .port__blockSolid--problem:after {
    background-color: #d91e18
}

.dark-mode .port__blockSolid--problem:after {
    background-color: #ff4560
}

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

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

.port__blockSolid--disabled {
    border-style: dashed
}

.light-mode .port__blockSolid--disabled {
    border-color: #D9D9D9
}

.dark-mode .port__blockSolid--disabled {
    border-color: #37374D
}

.port__blockSolid--disabled p.port__label span {
    display: block;
    font-weight: normal
}

.light-mode .port__blockSolid--disabled p.port__label span {
    color: #929292
}

.dark-mode .port__blockSolid--disabled p.port__label span {
    color: #717184
}

.port__blockEmpty--info {
    justify-content: center;
    padding-right: 0;
    border-color: transparent
}

.port__blockEmpty--info:before {
    display: block;
    content: "";
    width: 0.5rem;
    height: 0.5rem;
    position: relative;
    border-radius: 0.25rem
}

.light-mode .port__blockEmpty--info:before {
    background-color: #ffffff;
    box-shadow: inset 0px 0px 0px 2px #2c87c3
}

.dark-mode .port__blockEmpty--info:before {
    background-color: #09090F;
    box-shadow: inset 0px 0px 0px 2px #2b86de
}

.port__blockEmpty--info:after {
    width: 75px;
    right: -9px;
    top: 48%
}

.light-mode .port__blockEmpty--info:after {
    background: repeating-linear-gradient(to right, #ffffff, #ffffff 9px, #2c87c3 9px, #2c87c3 18px)
}

.dark-mode .port__blockEmpty--info:after {
    background: repeating-linear-gradient(to right, #09090F, #09090F 9px, #2b86de 9px, #2b86de 18px)
}

.port__blockEmpty--warning {
    justify-content: center;
    padding-right: 0;
    border-color: transparent
}

.port__blockEmpty--warning:before {
    display: block;
    content: "";
    width: 0.5rem;
    height: 0.5rem;
    position: relative;
    border-radius: 0.25rem
}

.light-mode .port__blockEmpty--warning:before {
    background-color: #ffffff;
    box-shadow: inset 0px 0px 0px 2px #ff9115
}

.dark-mode .port__blockEmpty--warning:before {
    background-color: #09090F;
    box-shadow: inset 0px 0px 0px 2px #DA682C
}

.port__blockEmpty--warning:after {
    width: 75px;
    right: -9px;
    top: 48%
}

.light-mode .port__blockEmpty--warning:after {
    background: repeating-linear-gradient(to right, #ffffff, #ffffff 9px, #ff9115 9px, #ff9115 18px)
}

.dark-mode .port__blockEmpty--warning:after {
    background: repeating-linear-gradient(to right, #09090F, #09090F 9px, #DA682C 9px, #DA682C 18px)
}

.port__blockEmpty--problem {
    justify-content: center;
    padding-right: 0;
    border-color: transparent
}

.port__blockEmpty--problem:before {
    display: block;
    content: "";
    width: 0.5rem;
    height: 0.5rem;
    position: relative;
    border-radius: 0.25rem
}

.light-mode .port__blockEmpty--problem:before {
    background-color: #ffffff;
    box-shadow: inset 0px 0px 0px 2px #d91e18
}

.dark-mode .port__blockEmpty--problem:before {
    background-color: #09090F;
    box-shadow: inset 0px 0px 0px 2px #ff4560
}

.port__blockEmpty--problem:after {
    width: 75px;
    right: -9px;
    top: 48%
}

.light-mode .port__blockEmpty--problem:after {
    background: repeating-linear-gradient(to right, #ffffff, #ffffff 9px, #d91e18 9px, #d91e18 18px)
}

.dark-mode .port__blockEmpty--problem:after {
    background: repeating-linear-gradient(to right, #09090F, #09090F 9px, #ff4560 9px, #ff4560 18px)
}

.port__blockEmpty--disabled {
    justify-content: center;
    padding-right: 0;
    border-color: transparent
}

.port__blockEmpty--disabled:before {
    display: block;
    content: "";
    width: 0.5rem;
    height: 0.5rem;
    position: relative;
    border-radius: 0.25rem
}

.light-mode .port__blockEmpty--disabled:before {
    background-color: #ffffff;
    box-shadow: inset 0px 0px 0px 2px #D9D9D9
}

.dark-mode .port__blockEmpty--disabled:before {
    background-color: #09090F;
    box-shadow: inset 0px 0px 0px 2px #37374D
}

.port__blockEmpty--disabled:after {
    width: 75px;
    right: -9px;
    top: 48%
}

.light-mode .port__blockEmpty--disabled:after {
    background: repeating-linear-gradient(to right, #ffffff, #ffffff 9px, #D9D9D9 9px, #D9D9D9 18px)
}

.dark-mode .port__blockEmpty--disabled:after {
    background: repeating-linear-gradient(to right, #09090F, #09090F 9px, #37374D 9px, #37374D 18px)
}

.port__info {
    display: none;
    position: absolute;
    top: -100px;
    left: 165px;
    z-index: 20;
    width: 200px;
    padding: 0.25rem;
    box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.28)
}

.light-mode .port__info {
    background-color: #191b2a;
    color: #ffffff
}

.dark-mode .port__info {
    background-color: #FFFFFF;
    color: #09090F
}

.port__info img {
    padding: 0.5rem
}

.port__info h6 {
    padding: 1rem 1rem 0.5rem 1rem
}

.port__info p {
    font-size: 0.75rem;
    padding: 0 1rem 1rem;
    font-weight: normal;
    line-height: 1.5
}

.connection__block {
    display: flex;
    justify-content: center;
    position: relative;
    height: 2px
}

.connection__block .note__tag {
    position: relative;
    left: -4px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10
}

.light-mode .connection__block--info {
    background-color: #2c87c3
}

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

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

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

.light-mode .connection__block--problem {
    background-color: #d91e18
}

.dark-mode .connection__block--problem {
    background-color: #ff4560
}

.connection__block--disabled {
    width: 5px
}

.light-mode .connection__block--disabled {
    background-color: #929292
}

.dark-mode .connection__block--disabled {
    background-color: #717184
}

.connection__block--disabled .note__tag {
    left: 12px
}

.part__block {
    display: grid;
    grid-template-columns:auto 1fr;
    border-width: 2px;
    border-style: solid;
    font-size: 0.625rem;
    font-weight: 700;
    align-items: center;
    min-height: 2.5rem;
    line-height: 1.125
}

.part__block .img__wrapper {
    height: 100%;
    background-color: #ffffff;
    display: flex;
    align-items: center
}

.part__block .img__part {
    border: 0;
    position: relative
}

.part__block p {
    padding: 0.25rem 0.5rem
}

.part__block p a {
    color: #ffffff
}

.part__block p a:hover {
    color: #ffffff
}

.part__block--info {
    color: #ffffff
}

.light-mode .part__block--info {
    background-color: #2c87c3;
    border-color: #2c87c3
}

.dark-mode .part__block--info {
    background-color: #2b86de;
    border-color: #2b86de
}

.part__block--info p span {
    display: block;
    font-weight: normal;
    opacity: 0.7
}

.part__block--warning {
    color: #ffffff
}

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

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

.part__block--warning p span {
    display: block;
    font-weight: normal;
    opacity: 0.7
}

.light-mode .part__block--problem {
    background-color: #ffffff;
    color: #191b2a;
    border-color: #d91e18
}

.dark-mode .part__block--problem {
    background-color: #09090F;
    color: #FFFFFF;
    border-color: #ff4560
}

.light-mode .part__block--problem p a {
    color: #191b2a
}

.dark-mode .part__block--problem p a {
    color: #FFFFFF
}

.part__block--problem p span {
    display: block;
    font-weight: normal
}

.light-mode .part__block--problem p span {
    color: #d91e18
}

.dark-mode .part__block--problem p span {
    color: #ff4560
}

.allocations__notes li {
    display: flex;
    margin-bottom: 1rem
}

.allocations__notes li h6 {
    font-size: 0.875rem
}

.allocations__notes li > :first-child {
    margin-right: 1rem
}

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

.light-mode .note__tag--info {
    background-color: #2c87c3
}

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

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

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

.light-mode .note__tag--problem {
    background-color: #d91e18
}

.dark-mode .note__tag--problem {
    background-color: #ff4560
}

.note__tag--disabled {
    border-width: 2px
}

.light-mode .note__tag--disabled {
    background-color: #929292;
    border-color: #D9D9D9
}

.dark-mode .note__tag--disabled {
    background-color: #717184;
    border-color: #37374D
}

.note__text span {
    font-weight: bold
}

.light-mode .note__text--info span {
    color: #2c87c3
}

.dark-mode .note__text--info span {
    color: #2b86de
}

.light-mode .note__text--warning span {
    color: #ff9115
}

.dark-mode .note__text--warning span {
    color: #DA682C
}

.light-mode .note__text--problem span {
    color: #d91e18
}

.dark-mode .note__text--problem span {
    color: #ff4560
}

.light-mode .note__text--disabled span {
    color: #929292
}

.dark-mode .note__text--disabled span {
    color: #717184
}

.banner {
    position: relative;
    z-index: 200;
    color: #191b2a !important
}

.banner .button--small {
    padding: 0.125rem 0.375rem;
    font-size: 0.75rem !important;
    color: #ffffff !important
}

.banner svg {
    fill: #191b2a !important
}

.banner--cw {
    display: grid;
    grid-template-columns:auto 1fr auto;
    grid-template-areas:"icon content dismiss";
    grid-column-gap: 2rem;
    padding: 1rem;
    background-image: url("/static/img/women-smiling.png"), linear-gradient(#D7EDF7, #DFF0F8, #EDF6F9);
    background-repeat: no-repeat, repeat;
    background-size: 119px 72px, cover;
    background-position: bottom left
}

@media only screen and (min-width: 768px) {
    .banner--cw {
        grid-column-gap: 1rem
    }
}

.banner--cw .banner__content {
    text-align: center;
    line-height: 1.125
}

@media only screen and (min-width: 768px) {
    .banner--cw .banner__content {
        text-align: left;
        display: grid;
        grid-template-columns:165px minmax(0, max-content) auto;
        grid-column-gap: 0.5rem;
        align-items: center
    }
}

.banner--cw .banner__content p {
    margin-bottom: 0.5rem
}

@media only screen and (min-width: 768px) {
    .banner--cw .banner__content p {
        margin-bottom: 0;
        padding-right: 1rem
    }
}

.banner--cw .banner__dismiss {
    grid-template-areas:dismiss;
    text-align: right;
    line-height: 0
}

@media only screen and (min-width: 768px) {
    .banner--cw .banner__dismiss {
        align-self: center
    }
}

.banner--cw .cw__image {
    height: 70px
}

.banner--cw .cw-icon {
    margin-right: 1rem;
    line-height: 0
}

@media only screen and (min-width: 768px) {
    .banner--cw .cw-icon {
        align-self: center;
        padding-left: 130px
    }
}

.banner--cw .button {
    justify-self: center
}

@media only screen and (min-width: 768px) {
    .banner--cw .button {
        justify-self: left
    }
}

.banner--cw h1 {
    font-size: 0.875rem;
    text-transform: uppercase;
    line-height: 1.125
}

.banner--cw p {
    font-size: 0.875rem
}

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

h1, h2, h3 {
    text-align: center;
}

small {
    font-size: 16px
}

sub, sup {
    font-size: 16px
}

sup {
    top: -0.5rem
}

sub {
    bottom: -0.25rem
}

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

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

optgroup {
    font-weight: 700
}

blockquote, q {
    quotes: none
}

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

.light-mode body {
    color: #191b2a
}

.dark-mode body {
    color: #FFFFFF
}

.light-mode a {
    color: #2c87c3
}

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

html {
    box-sizing: border-box;
    scroll-padding-top: 5rem
}

@media only screen and (min-width: 1100px) {
    html {
        scroll-padding-top: 0
    }
}

html.light-mode {
    background-color: #f4f4f3
}

html.dark-mode {
    background-color: #282838
}

*, *: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
}

::selection, ::-moz-selection {
    background-color: rgba(44, 135, 195, 0.4)
}

.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 {
    display: inline-block;
    position: relative;
    padding-right: 1.5rem;
    text-transform: uppercase;
    font-weight: 700
}

.breadcrumb ol li:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 7px;
    width: 7px;
    height: 7px;
    border-radius: 50% 50%;
    box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.15)
}

.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;
        vertical-align: top;
        margin: 0 0.5rem 1rem 0
    }
}

#userbuild-index .logGrid {
    grid-template-columns:repeat(auto-fill, minmax(240px, 1fr))
}

.logGrid {
    display: grid;
    grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));
    grid-gap: 2rem
}

.logGroup__card {
    position: relative;
    display: grid;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    transition: box-shadow 0.45s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.light-mode .logGroup__card {
    background-color: #ffffff
}

.dark-mode .logGroup__card {
    background-color: #46465c
}

.logGroup__card:hover {
    box-shadow: 0px 0px 0px 3px #545578;
    transition: box-shadow 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.logGroup__card .logGroup__target {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.logGroup__card .logGroup__content--wrapper1 {
    pointer-events: none
}

.logGroup__card .logGroup__content--wrapper2 {
    pointer-events: none;
    margin-top: 1.5rem;
    border-top-style: solid;
    border-top-width: 1px;
    align-self: end
}

.light-mode .logGroup__card .logGroup__content--wrapper2 {
    border-color: #EAEAEA
}

.dark-mode .logGroup__card .logGroup__content--wrapper2 {
    border-color: #282838
}

.logGroup__card .log__author {
    font-size: 0.6875rem;
    padding: 12px 1rem;
    position: relative
}

.light-mode .logGroup__card .log__author {
    background-color: #191b2a
}

.dark-mode .logGroup__card .log__author {
    background-color: #09090F
}

.logGroup__card .log__author a {
    color: #ffffff;
    font-weight: bold;
    pointer-events: all
}

.logGroup__card .log__author a img {
    vertical-align: middle;
    margin-right: 0.5rem;
    width: 24px
}

.logGroup__card .log__author .log__featured {
    position: absolute;
    top: 1rem;
    right: 1.5rem
}

.logGroup__card .log__author .log__featured svg {
    fill: #ff9115
}

.logGroup__card .log__image {
    display: block;
    min-height: 225px;
    background-size: cover;
    background-position: center center
}

.logGroup__card .logStatus {
    padding: 0 1.5rem;
    margin: 1rem 0
}

.logGroup__card .log__title {
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.25;
    padding: 0 1rem;
    margin: 1rem 0;
    overflow-wrap: anywhere
}

.logGroup__card .log__title a {
    pointer-events: all
}

.light-mode .logGroup__card .log__title a {
    color: #191b2a
}

.dark-mode .logGroup__card .log__title a {
    color: #FFFFFF
}

.logGroup__card .log__keyProducts {
    padding: 0 1rem
}

.logGroup__card .log__keyProducts li {
    line-height: 1;
    padding: 4px 0;
    font-size: 0.75rem
}

.logGroup__card .log__numbers {
    display: grid;
    grid-template-columns:auto 1fr auto;
    padding: 1rem;
    font-weight: 700;
    align-items: center
}

.logGroup__card .log__numbers .log__price {
    font-size: 0.875rem;
    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.75rem
}

.logGroup__card .log__numbers .log__links svg {
    position: relative;
    top: 3px
}

.logGroup__card .log__numbers .log__links span {
    margin-left: 1rem
}

.logGroup__card .log__numbers .log__links .log__link--followers {
    pointer-events: all
}

.logGroup__card .log__numbers .log__links .log__link--followers svg {
    margin-right: 6px;
    width: 12px
}

.light-mode .logGroup__card .log__numbers .log__links .log__link--followers svg {
    fill: #191b2a
}

.dark-mode .logGroup__card .log__numbers .log__links .log__link--followers svg {
    fill: #FFFFFF
}

.logGroup__card .log__numbers .log__links .log__link--comments {
    pointer-events: all
}

.logGroup__card .log__numbers .log__links .log__link--comments svg {
    margin-right: 6px;
    width: 12px
}

.light-mode .logGroup__card .log__numbers .log__links .log__link--comments svg {
    fill: #191b2a
}

.dark-mode .logGroup__card .log__numbers .log__links .log__link--comments svg {
    fill: #FFFFFF
}

.logGroup__card_2023 {
    position: relative;
    display: grid;
    box-shadow: 2px 4px 12px rgba(25, 27, 42, 0.05);
    border-radius: 0.5rem;
    transition: box-shadow 0.45s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.light-mode .logGroup__card_2023 {
    background-color: #ffffff
}

.dark-mode .logGroup__card_2023 {
    background-color: #46465c
}

.logGroup__card_2023:hover {
    box-shadow: 2px 4px 16px rgba(25, 27, 42, 0.15);
    transition: box-shadow 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.logGroup__card_2023:hover h1 {
    color: #2c87c3;
    transition: color 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.logGroup__card_2023 .logGroup__target {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.logGroup__card_2023 .logGroup__content--wrapper1 {
    pointer-events: none
}

.logGroup__card_2023 .logGroup__content--wrapper2 {
    pointer-events: none;
    align-self: end
}

.logGroup__card_2023 .log__author {
    padding: 0.5rem 1rem;
    position: relative
}

.logGroup__card_2023 .log__author a {
    font-weight: bold;
    pointer-events: all;
    font-size: 0.6875rem
}

.logGroup__card_2023 .log__author a img {
    vertical-align: middle;
    margin-right: 0.5rem;
    width: 24px
}

.logGroup__card_2023 .log__author .log__featured {
    position: absolute;
    top: 1rem;
    right: 1.5rem
}

.logGroup__card_2023 .log__author .log__featured svg {
    fill: #ff9115
}

.logGroup__card_2023 .log__image {
    display: block;
    min-height: 225px;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    background-size: cover;
    background-position: center center
}

.logGroup__card_2023 .logStatus {
    padding: 0 1.5rem;
    margin: 1rem 0
}

.logGroup__card_2023 .log__title {
    transition: color 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.25;
    padding: 0 1rem;
    margin: 0.5rem 0;
    overflow-wrap: anywhere
}

.logGroup__card_2023 .log__title a {
    pointer-events: all
}

.light-mode .logGroup__card_2023 .log__title a {
    color: #191b2a
}

.dark-mode .logGroup__card_2023 .log__title a {
    color: #FFFFFF
}

.logGroup__card_2023 .log__keyProducts {
    padding: 0 1rem 0.5rem 1rem
}

.logGroup__card_2023 .log__keyProducts li {
    padding: 4px 0;
    font-size: 0.75rem;
    line-height: 1.25
}

.light-mode .logGroup__card_2023 .log__keyProducts li {
    color: rgba(38, 41, 59, 0.7)
}

.dark-mode .logGroup__card_2023 .log__keyProducts li {
    color: rgba(184, 184, 200, 0.8)
}

.logGroup__card_2023 .log__numbers {
    display: flex;
    padding: 0.5rem 1rem 0.75rem 1rem;
    font-weight: 700;
    align-items: flex-end;
    border-top-style: solid;
    border-top-width: 1px;
    font-size: 0.75rem
}

.light-mode .logGroup__card_2023 .log__numbers {
    border-color: #EAEAEA
}

.dark-mode .logGroup__card_2023 .log__numbers {
    border-color: #282838
}

.logGroup__card_2023 .log__numbers .log__price {
    flex-grow: 1;
    line-height: 1
}

.light-mode .logGroup__card_2023 .log__numbers .log__price {
    color: #191b2a
}

.dark-mode .logGroup__card_2023 .log__numbers .log__price {
    color: #FFFFFF
}

.logGroup__card_2023 .log__numbers .log__links {
    flex-grow: 1;
    text-align: right;
    line-height: 1.125
}

.light-mode .logGroup__card_2023 .log__numbers .log__links {
    color: #191b2a
}

.dark-mode .logGroup__card_2023 .log__numbers .log__links {
    color: #FFFFFF
}

.logGroup__card_2023 .log__numbers .log__links svg {
    position: relative;
    top: 5px;
    width: 12px
}

.light-mode .logGroup__card_2023 .log__numbers .log__links svg {
    fill: rgba(38, 41, 59, 0.7)
}

.dark-mode .logGroup__card_2023 .log__numbers .log__links svg {
    fill: rgba(184, 184, 200, 0.8)
}

.logGroup__card_2023 .log__numbers .log__links span {
    margin-left: 1rem
}

.logGroup__card_2023 .log__numbers .log__links .log__link--followers {
    pointer-events: all
}

.logGroup__card_2023 .log__numbers .log__links .log__link--followers svg {
    top: 3px;
    margin-right: 6px
}

.logGroup__card_2023 .log__numbers .log__links .log__link--comments {
    pointer-events: all
}

.logGroup__card_2023 .log__numbers .log__links .log__link--comments svg {
    margin-right: 6px
}

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

.buildVideos li .buildVideo {
    display: block;
    line-height: 1.25;
    padding: 1rem 0;
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.light-mode .buildVideos li .buildVideo {
    color: #191b2a;
    border-bottom-color: #dbdbdb
}

.dark-mode .buildVideos li .buildVideo {
    color: #FFFFFF;
    border-bottom-color: #37374d
}

.buildVideos li .buildVideo:hover {
    color: #2c87c3
}

.buildVideos li .buildVideo img {
    margin-bottom: 0.5rem
}

.buildVideos li .buildVideo .buildVideo__title {
    font-size: 0.875rem
}

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

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

.partReviews .partReviews__review {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.light-mode .partReviews .partReviews__review {
    border-bottom-color: #dbdbdb
}

.dark-mode .partReviews .partReviews__review {
    border-bottom-color: #37374d
}

.partReviews .partReviews__review .partReviews__wrapper {
    display: grid;
    grid-template-columns:auto 1fr;
    grid-column-gap: 1rem;
    margin-bottom: 1rem
}

@media only screen and (min-width: 1100px) {
    .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: 1100px) {
    .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;
    background-color: #ffffff;
    padding: 4px;
    border: 1px solid #a1a1a1
}

.partReviews .partReviews__review .partReviews__image a {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    text-align: center;
    width: 80px;
    height: 80px
}

.partReviews .partReviews__review .partReviews__image a img {
    max-width: 100%;
    max-height: 100%
}

.partReviews .partReviews__review .partReviews__category {
    color: #6c6c6c;
    font-weight: 500;
    font-size: 0.875rem
}

.light-mode .partReviews .partReviews__review .partReviews__name {
    color: #26293b
}

.dark-mode .partReviews .partReviews__review .partReviews__name {
    color: #B8B8C8
}

.partReviews .partReviews__review .partReviews__name a {
    font-weight: 700;
    font-size: 1.125rem
}

.light-mode .partReviews .partReviews__review .partReviews__name a {
    color: #191b2a
}

.dark-mode .partReviews .partReviews__review .partReviews__name a {
    color: #FFFFFF
}

.partReviews .partReviews__review .partReviews__writeup .markdown p:last-of-type {
    margin-bottom: 0
}

.partReviews .partReviews__review .partReviews__rating--edit ul {
    display: inline-block
}

.partReviews .partReviews__review .partReviews__rating--edit h4 {
    font-weight: 700;
    font-size: 0.6875rem;
    color: #6c6c6c;
    text-transform: uppercase;
    margin-bottom: 0.5rem
}

.partReviews .partReviews__review .partReviews__rating--edit .product--rating li svg {
    width: 16px;
    height: 16px
}

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

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

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

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

#userbuild-edit #gallery_box {
    border: 1px solid #929292;
    background-color: #ffffff;
    margin-bottom: 2rem
}

@media only screen and (min-width: 1100px) {
    #userbuild-edit #gallery_box {
        border: none;
        margin-bottom: 0
    }
}

#userbuild-edit #gallery_box .gallery--product {
    border: none
}

#userbuild-edit #gallery_box .build-carousel-edit-images {
    text-align: center;
    padding-top: 0.5rem;
    padding-bottom: 2rem
}

.light-mode #userbuild-edit #gallery_box .build-carousel-edit-images {
    background-color: #ffffff
}

.dark-mode #userbuild-edit #gallery_box .build-carousel-edit-images {
    background-color: #282838
}

@media only screen and (min-width: 1100px) {
    #userbuild-edit #gallery_box .build-carousel-edit-images {
        padding-bottom: 0
    }
}

#userbuild-edit-description .user-build-title {
    width: 100%
}

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

#userbuild-edit-images .image-list li {
    display: grid;
    grid-template-columns:auto 1fr auto;
    align-items: center;
    margin-bottom: 1rem;
    border-style: solid;
    border-width: 1px;
    padding: 1rem
}

.light-mode #userbuild-edit-images .image-list li {
    background-color: #ffffff;
    border-color: #dbdbdb
}

.dark-mode #userbuild-edit-images .image-list li {
    background-color: #09090F;
    border-color: #37374d
}

.light-mode #userbuild-edit-images .image-list li .shape-drag-handle {
    fill: #929292
}

.dark-mode #userbuild-edit-images .image-list li .shape-drag-handle {
    fill: #717184
}

#userbuild-edit-images .image-list li img {
    max-width: 128px;
    margin-left: 1rem
}

#userbuild-edit-images .image-list li:hover {
    cursor: pointer
}

.light-mode #userbuild-edit-images .image-list li:hover .shape-drag-handle {
    fill: #191b2a
}

.dark-mode #userbuild-edit-images .image-list li:hover .shape-drag-handle {
    fill: #FFFFFF
}

.light-mode #userbuild-edit-images .image-list li .user-build-image-delete:hover svg {
    fill: #d91e18
}

.dark-mode #userbuild-edit-images .image-list li .user-build-image-delete:hover svg {
    fill: #ff4560
}

#userbuild-edit-images .image-list li:last-of-type {
    margin-bottom: 0
}

#buildLog .wrapper__pageTitle {
    background-size: cover;
    background-position: center center;
    position: relative;
    border-top: 1px solid rgba(25, 27, 42, 0.05)
}

#buildLog .wrapper__pageTitle:before {
    display: block;
    content: "";
    background-color: rgba(25, 27, 42, 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: 1100px) {
    #buildLog .wrapper__pageTitle .buildLog__header {
        flex-direction: row;
        align-items: flex-end
    }
}

#buildLog .wrapper__pageTitle .buildLog__header .buildLog__primaryImg {
    width: 91.6666666667%;
    margin: 0 auto -32px;
    position: relative;
    box-shadow: 0px 0px 0px 4px #ffffff
}

@media only screen and (min-width: 1100px) {
    #buildLog .wrapper__pageTitle .buildLog__header .buildLog__primaryImg {
        width: 33.3333333333%;
        margin-bottom: -2rem
    }
}

#buildLog .wrapper__pageTitle .buildLog__header .h1__wrapper {
    background-color: #ffffff;
    padding-top: 2.5rem
}

@media only screen and (min-width: 1100px) {
    #buildLog .wrapper__pageTitle .buildLog__header .h1__wrapper {
        width: 66.6666666667%;
        padding-left: 2rem;
        background-color: transparent;
        padding-top: 0
    }
}

#buildLog .wrapper__pageTitle .buildLog__header .pageTitle {
    width: 91.6666666667%;
    color: #191b2a;
    margin: 0 auto;
    line-height: 1.125;
    font-size: 2rem;
    text-align: left;
    font-weight: 700
}

@media only screen and (min-width: 1100px) {
    #buildLog .wrapper__pageTitle .buildLog__header .pageTitle {
        width: 100%;
        color: #ffffff;
        padding-bottom: 1rem
    }
}

@media only screen and (min-width: 1100px) {
    #buildLog .wrapper__pageTitle .buildLog__header .pageTitle {
        font-size: 3rem
    }
}

@media only screen and (max-width: 1049px) {
    #buildLog .wrapper__pageContent {
        padding-top: 0
    }
}

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

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

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

.logStatus {
    width: 100%;
    font-size: 0.625rem;
    font-weight: 700;
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    grid-column-gap: 3px
}

.logStatus li {
    padding-bottom: 2px;
    border-bottom: 4px solid #acacac;
    text-align: center
}

.logStatus li.logStatus__bar--null {
    border-bottom: 4px solid #acacac
}

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

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

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

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

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

.logStats {
    margin: 1.5rem 0
}

.logStats li {
    position: relative;
    font-size: 0.875rem;
    border-bottom: 1px solid #a1a1a1
}

.logStats li:last-of-type {
    border-bottom: none
}

.logStats li .logStats__action {
    display: block;
    color: #191b2a;
    padding: 1rem 0
}

.logStats li .logStats__action svg {
    position: relative;
    top: 3px;
    margin-right: 0.5rem;
    fill: #929292
}

.logStats li .logStats__action--likes svg {
    fill: #EB4A62
}

.logStats .logStats__count {
    position: absolute;
    top: 0;
    right: 0;
    color: #191b2a;
    padding: 1rem 0
}

.logStats .logStats__count span {
    font-weight: 700
}

.logEntry {
    border-top: 1px solid #a1a1a1;
    padding: 2rem 0 3rem
}

.logEntry:first-of-type {
    border-top: 0
}

.logEntry .logEntry__info {
    display: grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:1fr 1fr;
    grid-template-areas:"top top" "left right";
    align-items: center
}

@media only screen and (min-width: 768px) {
    .logEntry .logEntry__info {
        grid-template-columns:1fr 100px 1fr;
        grid-template-rows:none;
        grid-template-areas:"left center right"
    }
}

.logEntry .logEntry__info .logStatusMini {
    grid-area: top;
    padding-bottom: 1rem;
    justify-self: center;
    text-align: center;
    font-size: 0.625rem;
    font-weight: 700
}

@media only screen and (min-width: 768px) {
    .logEntry .logEntry__info .logStatusMini {
        grid-area: center;
        padding-bottom: 6px
    }
}

.logEntry .logEntry__info .logStatusMini--researching {
    color: #347FB3
}

.logEntry .logEntry__info .logStatusMini--buying {
    color: #1D9C5F
}

.logEntry .logEntry__info .logStatusMini--building {
    color: #8E7B44
}

.logEntry .logEntry__info .logStatusMini--completed {
    color: #D16112
}

.logEntry .logEntry__info .logEntry__author .userAvatar {
    margin-right: 12px;
    margin-bottom: 0
}

.logEntry .logEntry__info .logEntry__author .userAvatar img {
    max-width: 36px
}

.logEntry .logEntry__info .logEntry__author .userDetails {
    font-size: 0.875rem;
    line-height: 1.25
}

.logEntry .logEntry__info .logEntry__comments {
    justify-self: end;
    font-weight: 700;
    font-size: 0.875rem;
    color: #191b2a
}

.logEntry .logEntry__info .logEntry__comments:hover {
    color: #2c87c3
}

.logEntry .logEntry__info .logEntry__comments svg {
    position: relative;
    top: 4px;
    margin-right: 0.5rem
}

.logEntry .markdown h1 a {
    color: #191b2a
}

.logEntry .markdown h1 a:hover {
    color: #2c87c3
}

.logEntry .markdown figure {
    font-size: 0.75rem;
    color: #6c6c6c;
    margin-bottom: 1.5rem
}

@media only screen and (min-width: 1100px) {
    .logEntry .markdown figure {
        font-size: 0.875rem
    }
}

.logEntry .markdown figure figcaption {
    padding-bottom: 1rem;
    border-bottom: 1px solid #a1a1a1
}

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

.button--dark {
    background-color: #26293b
}

.button--secondary {
    background-color: #929292
}

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

.button--icon svg {
    fill: #ffffff
}

.sidebar-content .button {
    width: 100%
}

#subforum .newTopic__button {
    padding: 0.5rem !important;
    margin-top: 1rem
}

@media only screen and (min-width: 768px) {
    #subforum .newTopic__button {
        margin-top: 0
    }
}

.commentBox {
    margin-bottom: 2rem
}

@media only screen and (min-width: 1100px) {
    .commentBox {
        margin-bottom: 0
    }
}

.forumRules {
    margin-bottom: 1rem
}

@media only screen and (min-width: 1100px) {
    .forumRules {
        margin-bottom: 0
    }
}

.comment__wrapper {
    border-top-style: solid;
    border-top-width: 1px
}

.light-mode .comment__wrapper {
    border-color: #dbdbdb
}

.dark-mode .comment__wrapper {
    border-color: #37374d
}

.comment__wrapper:first-of-type {
    border-top: 0
}

.comment__wrapper .comment {
    padding: 1.5rem 0
}

.comment__wrapper .comment .comment__commentData {
    line-height: 1
}

.light-mode .comment__wrapper .comment .comment__commentData {
    color: #929292
}

.dark-mode .comment__wrapper .comment .comment__commentData {
    color: #717184
}

.comment__wrapper .comment .comment__commentData li {
    display: inline-block;
    font-size: 0.6875rem;
    margin-right: 0.5rem
}

.comment__wrapper .comment .comment__commentData li:last-of-type {
    margin-right: 0
}

.comment__wrapper .comment.comment--deleted {
    background-color: rgba(255, 145, 21, 0.1);
    position: relative;
    border: 1px solid rgba(255, 145, 21, 0.15) !important;
    border-left: 0.25rem solid #ff9115 !important;
    padding-left: 0.5rem !important
}

.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;
    border: 1px solid rgba(217, 30, 24, 0.15) !important;
    border-left: 0.25rem solid #d91e18 !important;
    padding-left: 0.5rem !important
}

.comment__wrapper .comment.comment--locked:before {
    content: "Staff Deleted";
    display: block;
    position: absolute;
    color: #E52C34;
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
    top: 0.5rem;
    right: 0.5rem
}

.comment__wrapper .comment .comment-delete-confirm {
    margin-right: 0.5rem
}

.comment__wrapper .comment .comment-delete-confirm a {
    padding: 0 0.5rem;
    margin-right: 0;
    font-weight: 700
}

.comment__wrapper .comment .comment-delete-confirm a.comment-confirm--yes {
    border-right-style: solid;
    border-right-width: 1px
}

.light-mode .comment__wrapper .comment .comment-delete-confirm a.comment-confirm--yes {
    color: #2c87c3;
    border-color: #dbdbdb
}

.dark-mode .comment__wrapper .comment .comment-delete-confirm a.comment-confirm--yes {
    color: #74baff;
    border-color: #37374d
}

.comment__wrapper .comment .comment-delete-confirm a.comment-confirm--yes:hover {
    color: #2c87c3
}

.comment__wrapper .comment .comment-delete-confirm a.comment-confirm--no {
    color: #E52C34
}

.comment__wrapper .comment--nested {
    margin-left: 0.5rem
}

@media only screen and (min-width: 1100px) {
    .comment__wrapper .comment--nested {
        margin-left: 1.5rem
    }
}

.comment__wrapper .comment--nested .comment__wrapper {
    border-left-style: solid;
    border-left-width: 1px
}

.light-mode .comment__wrapper .comment--nested .comment__wrapper {
    border-color: #dbdbdb
}

.dark-mode .comment__wrapper .comment--nested .comment__wrapper {
    border-color: #37374d
}

.comment__wrapper .comment--nested .comment__wrapper .comment {
    padding: 1rem 0 1rem 0.5rem;
    border-top-style: solid;
    border-top-width: 1px
}

@media only screen and (min-width: 1100px) {
    .comment__wrapper .comment--nested .comment__wrapper .comment {
        padding: 1.5rem
    }
}

.light-mode .comment__wrapper .comment--nested .comment__wrapper .comment {
    border-color: #dbdbdb
}

.dark-mode .comment__wrapper .comment--nested .comment__wrapper .comment {
    border-color: #37374d
}

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

.comment-reply-point {
    margin-top: 1rem
}

.comment-reply-point textarea {
    font-size: 1.125rem
}

.border {
    border-style: solid
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.autoreport_keyword {
    font-weight: 700
}

.light-mode .autoreport_keyword {
    color: #d91e18
}

.dark-mode .autoreport_keyword {
    color: #ff4560
}

.reported__message {
    padding: 0.25rem;
    margin-top: 0px;
    margin-bottom: 0.5rem
}

.light-mode .reported__message {
    box-shadow: inset 0px 0px 0px 1px rgba(25, 27, 42, 0.1);
    border-color: #dbdbdb;
    background-color: rgba(217, 30, 24, 0.2)
}

.dark-mode .reported__message {
    box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1);
    border-color: #37374d;
    background-color: rgba(255, 69, 96, 0.2)
}

.reported__comment {
    padding: 0.25rem;
    margin-top: 0px;
    margin-bottom: 0.5rem
}

.light-mode .reported__comment {
    box-shadow: inset 0px 0px 0px 1px rgba(25, 27, 42, 0.1);
    border-color: #dbdbdb;
    background-color: rgba(44, 135, 195, 0.2)
}

.dark-mode .reported__comment {
    box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1);
    border-color: #37374d;
    background-color: rgba(43, 134, 222, 0.2)
}

.pendingProduct {
    margin-bottom: 2rem
}

.pendingProduct .pendingProduct__header {
    padding: 0.5rem;
    font-weight: 700;
    margin-bottom: 2px
}

.light-mode .pendingProduct .pendingProduct__header {
    background-color: #ffffff
}

.dark-mode .pendingProduct .pendingProduct__header {
    background-color: #11111c
}

.pendingProduct__images {
    padding: 0.5rem
}

.light-mode .pendingProduct__images {
    background-color: #ffffff
}

.dark-mode .pendingProduct__images {
    background-color: #11111c
}

.pendingProduct__images .image-row {
    display: grid;
    grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));
    grid-gap: 2rem
}

.pendingProduct__images .image-row .image-wrapper {
    background-color: #ffffff;
    border: solid 8px #EAEAEA
}

.pendingProduct__images .image-row .image-state-visible {
    border-color: #6bb6ff
}

.light-mode .pendingProduct__images .image-row .image-state-deleted {
    border-color: #d91e18
}

.dark-mode .pendingProduct__images .image-row .image-state-deleted {
    border-color: #ff4560
}

.pendingProduct__images .image-row-buttons {
    margin-top: 1rem;
    padding: 0.25rem
}

.wallpaperGrid {
    display: grid;
    grid-gap: 3rem
}

@media only screen and (min-width: 1100px) {
    .wallpaperGrid {
        grid-template-columns:1fr 1fr
    }
}

.wallpaperGrid .wallpaper img {
    border-radius: 0.25rem;
    box-shadow: 0 0.3px 0.8px rgba(0, 0, 0, 0.039), 0 1.1px 2.5px rgba(0, 0, 0, 0.057), 0 2.7px 5.5px rgba(0, 0, 0, 0.07), 0 5.6px 10.3px rgba(0, 0, 0, 0.083), 0 10.8px 18px rgba(0, 0, 0, 0.101), 0 24px 36px rgba(0, 0, 0, 0.14)
}

.wallpaperSizes .wallpaperSizes__link {
    display: flex;
    position: relative;
    padding: 1rem 0;
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.light-mode .wallpaperSizes .wallpaperSizes__link {
    border-color: rgba(25, 27, 42, 0.1)
}

.dark-mode .wallpaperSizes .wallpaperSizes__link {
    border-color: rgba(255, 255, 255, 0.1)
}

.wallpaperSizes .wallpaperSizes__link:last-of-type {
    border-bottom: none
}

.wallpaperSizes .wallpaperSizes__link .ratio {
    font-size: 0.6875rem;
    font-weight: bold;
    margin-left: 0.5rem;
    padding: 4px 6px;
    border-radius: 0.25rem
}

.light-mode .wallpaperSizes .wallpaperSizes__link .ratio {
    background-color: #ffffff
}

.dark-mode .wallpaperSizes .wallpaperSizes__link .ratio {
    background-color: #09090F
}

.group--filter, .partlist__folder {
    width: 100%
}

.group--filter .group__title, .partlist__folder .group__title {
    display: block;
    position: relative;
    margin-bottom: 0.5rem
}

.group--filter .group__title .collapse-toggle, .partlist__folder .group__title .collapse-toggle {
    display: block;
    position: absolute;
    top: 0;
    right: 8px;
    width: 10px;
    height: 18px
}

@media only screen and (min-width: 1100px) {
    .group--filter .group__title .collapse-toggle, .partlist__folder .group__title .collapse-toggle {
        right: 0
    }
}

.group--filter .group__title .collapse-toggle:before, .group--filter .group__title .collapse-toggle:after, .partlist__folder .group__title .collapse-toggle:before, .partlist__folder .group__title .collapse-toggle:after {
    content: "";
    margin-top: 16px;
    position: absolute;
    display: block;
    height: 2px;
    width: 16px;
    transition: transform 0.45s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.light-mode .group--filter .group__title .collapse-toggle:before, .light-mode .group--filter .group__title .collapse-toggle:after, .light-mode .partlist__folder .group__title .collapse-toggle:before, .light-mode .partlist__folder .group__title .collapse-toggle:after {
    background-color: #2c87c3
}

.dark-mode .group--filter .group__title .collapse-toggle:before, .dark-mode .group--filter .group__title .collapse-toggle:after, .dark-mode .partlist__folder .group__title .collapse-toggle:before, .dark-mode .partlist__folder .group__title .collapse-toggle:after {
    background-color: #74baff
}

@media only screen and (min-width: 1100px) {
    .group--filter .group__title .collapse-toggle:before, .group--filter .group__title .collapse-toggle:after, .partlist__folder .group__title .collapse-toggle:before, .partlist__folder .group__title .collapse-toggle:after {
        margin-top: 8px;
        width: 10px
    }

    .light-mode .group--filter .group__title .collapse-toggle:before, .light-mode .group--filter .group__title .collapse-toggle:after, .light-mode .partlist__folder .group__title .collapse-toggle:before, .light-mode .partlist__folder .group__title .collapse-toggle:after {
        background-color: #191b2a
    }

    .dark-mode .group--filter .group__title .collapse-toggle:before, .dark-mode .group--filter .group__title .collapse-toggle:after, .dark-mode .partlist__folder .group__title .collapse-toggle:before, .dark-mode .partlist__folder .group__title .collapse-toggle:after {
        background-color: #B8B8C8
    }
}

.group--filter .moreless, .partlist__folder .moreless {
    display: block;
    padding-top: 0.5rem;
    padding-bottom: 0
}

.light-mode .group--filter .moreless, .light-mode .partlist__folder .moreless {
    color: #2c87c3 !important
}

.dark-mode .group--filter .moreless, .dark-mode .partlist__folder .moreless {
    color: #74baff !important
}

@media only screen and (min-width: 1100px) {
    .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: 1100px) {
    .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: 1100px) {
    .group--filter .product--rating li svg, .partlist__folder .product--rating li svg {
        width: 10px;
        height: 10px
    }
}

.filter_slider--wrapper {
    position: relative;
    overflow: hidden;
    width: 100%
}

.ui-slider {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    width: 85%;
    left: 3%;
    right: 3%;
    margin-top: 1rem;
    margin-bottom: 1rem
}

.light-mode .ui-slider {
    background-color: #EAEAEA
}

.dark-mode .ui-slider {
    background-color: #282838
}

@media only screen and (min-width: 1100px) {
    .ui-slider {
        width: 92%;
        left: 4%;
        right: 4%
    }
}

.light-mode .filter-incompatible {
    color: rgba(25, 27, 42, 0.25)
}

.dark-mode .filter-incompatible {
    color: rgba(255, 255, 255, 0.25)
}

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

    .dark-mode .filter-incompatible {
        color: rgba(113, 113, 132, 0.75)
    }
}

.ui-slider-horizontal {
    height: 3px;
    position: relative
}

.light-mode .ui-slider-horizontal {
    background-color: rgba(146, 146, 146, 0.5)
}

.dark-mode .ui-slider-horizontal {
    background-color: rgba(113, 113, 132, 0.5)
}

.ui-slider-horizontal .ui-slider-range {
    position: absolute;
    height: 3px;
    top: 0
}

.light-mode .ui-slider-horizontal .ui-slider-range {
    background-color: #2c87c3
}

.dark-mode .ui-slider-horizontal .ui-slider-range {
    background-color: #2b86de
}

.ui-slider-horizontal .ui-slider-handle {
    border-radius: 50%;
    position: absolute;
    display: inline-block;
    width: 25px;
    height: 25px;
    top: -11px;
    margin-left: -8px;
    outline: none
}

.light-mode .ui-slider-horizontal .ui-slider-handle {
    background-color: #2c87c3
}

.dark-mode .ui-slider-horizontal .ui-slider-handle {
    background-color: #2b86de
}

@media only screen and (min-width: 1100px) {
    .ui-slider-horizontal .ui-slider-handle {
        width: 15px;
        height: 15px;
        top: -6px
    }
}

.ui-slider-horizontal-labelbox {
    position: relative;
    margin-bottom: 0.5rem;
    width: 92%;
    left: 1%
}

@media only screen and (min-width: 1100px) {
    .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: 1100px) {
    .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: 1100px) {
    .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: 1100px) {
    .ui-slider-horizontal-labelbox .ui-slider-horizontal-labelbox-label .labelbox-input .ui-slider-horizontal-editbox {
        font-size: 0.75rem
    }
}

.productList__breadcrumbs p {
    margin-bottom: 1rem
}

.productList__breadcrumbs p .appliedFilter__label {
    display: inline-block;
    margin-right: 0.5rem;
    font-size: 1rem;
    font-weight: 700
}

@media only screen and (min-width: 1100px) {
    .productList__breadcrumbs p .appliedFilter__label {
        font-size: 0.875rem
    }
}

.productList__breadcrumbs p .appliedFilter {
    margin: 2px 6px 2px 0
}

.productList__breadcrumbs p .appliedFilter .appliedFilter__category {
    margin-right: 3px;
    font-size: 0.75rem;
    text-transform: uppercase;
    font-weight: bold
}

@media only screen and (min-width: 1100px) {
    .productList__breadcrumbs p .appliedFilter .appliedFilter__category {
        font-size: 0.6875rem
    }
}

.productList__breadcrumbs p .appliedFilter .pp-filter-breadcrumb {
    display: inline-block;
    font-size: 0.875rem;
    border-style: solid;
    border-width: 1px;
    padding: 1px 0px 1px 6px;
    border-radius: 4px;
    margin: 3px 4px 3px 0px;
    line-height: 1.5;
    transition: border-color 0.45s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.light-mode .productList__breadcrumbs p .appliedFilter .pp-filter-breadcrumb {
    background-color: #ffffff;
    border-color: #dbdbdb;
    color: #191b2a
}

.dark-mode .productList__breadcrumbs p .appliedFilter .pp-filter-breadcrumb {
    background-color: #11111c;
    border-color: #37374d;
    color: #FFFFFF
}

@media only screen and (min-width: 1100px) {
    .productList__breadcrumbs p .appliedFilter .pp-filter-breadcrumb {
        line-height: 1.375;
        padding: 1px 0px 0px 6px;
        margin: 2px 4px 2px 0px;
        font-size: 0.75rem
    }
}

.productList__breadcrumbs p .appliedFilter .pp-filter-breadcrumb:hover {
    text-decoration: none
}

.light-mode .productList__breadcrumbs p .appliedFilter .pp-filter-breadcrumb:hover {
    border-color: #d91e18
}

.dark-mode .productList__breadcrumbs p .appliedFilter .pp-filter-breadcrumb:hover {
    border-color: #ff4560
}

.light-mode .productList__breadcrumbs p .appliedFilter .pp-filter-breadcrumb:hover svg {
    fill: #d91e18
}

.dark-mode .productList__breadcrumbs p .appliedFilter .pp-filter-breadcrumb:hover svg {
    fill: #ff4560
}

.productList__breadcrumbs p .appliedFilter .pp-filter-breadcrumb:last-of-type {
    margin-right: 0
}

.productList__breadcrumbs p .appliedFilter .pp-filter-breadcrumb svg {
    margin: 0 5px;
    width: 10px;
    height: 10px
}

@media only screen and (min-width: 1100px) {
    .productList__breadcrumbs p .appliedFilter .pp-filter-breadcrumb svg {
        width: 8px;
        height: 8px
    }
}

footer {
    font-size: 0.875rem
}

.light-mode footer {
    background-color: #26293b
}

.dark-mode footer {
    background-color: #09090F
}

footer .footer {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    grid-gap: 2rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 3rem 0
}

@media only screen and (min-width: 1100px) {
    footer .footer {
        grid-template-columns:100px repeat(4, 1fr);
        grid-gap: 2.5rem
    }
}

footer .footer .footer__logo {
    grid-column: 1/5;
    grid-row: 1/1
}

@media only screen and (min-width: 768px) {
    footer .footer .footer__logo {
        grid-column: 5/5;
        grid-row: 1/1
    }
}

@media only screen and (min-width: 1100px) {
    footer .footer .footer__logo {
        grid-column: 1/1;
        grid-row: 1/1
    }
}

footer .footer .footer-pcpp {
    grid-column: 1/5;
    grid-row: 2/2
}

@media only screen and (min-width: 768px) {
    footer .footer .footer-pcpp {
        grid-column: 1/3;
        grid-row: 2/2
    }
}

@media only screen and (min-width: 1100px) {
    footer .footer .footer-pcpp {
        grid-column: 2/2;
        grid-row: 1/1
    }
}

footer .footer .footer-account {
    grid-column: 1/5;
    grid-row: 3/3
}

@media only screen and (min-width: 768px) {
    footer .footer .footer-account {
        grid-column: 3/5;
        grid-row: 2/2
    }
}

@media only screen and (min-width: 1100px) {
    footer .footer .footer-account {
        grid-column: 3/3;
        grid-row: 1/1
    }
}

footer .footer .footer-company {
    grid-column: 1/5;
    grid-row: 4/4
}

@media only screen and (min-width: 768px) {
    footer .footer .footer-company {
        grid-column: 1/3;
        grid-row: 3/3
    }
}

@media only screen and (min-width: 1100px) {
    footer .footer .footer-company {
        grid-column: 4/4;
        grid-row: 1/1
    }
}

footer .footer .footer-information {
    grid-column: 1/5;
    grid-row: 5/5
}

@media only screen and (min-width: 768px) {
    footer .footer .footer-information {
        grid-column: 3/5;
        grid-row: 3/3
    }
}

@media only screen and (min-width: 1100px) {
    footer .footer .footer-information {
        grid-column: 5/5;
        grid-row: 1/1
    }
}

footer .footer a {
    color: #2c87c3
}

footer .footer a:hover {
    color: #60aadb
}

footer ul {
    padding: 0
}

footer ul li {
    list-style: none;
    padding-bottom: 0.5rem
}

footer h2 {
    color: #ffffff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 1rem;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem
}

footer .footer__copyright {
    text-align: center;
    font-size: 0.75rem;
    padding-top: 1rem;
    padding-bottom: 3rem;
    color: #ffffff
}

.pcppNetwork {
    padding: 2rem;
    text-align: center;
    color: #ffffff
}

.pcppNetwork .pcppNetwork__header {
    display: block
}

.pcppNetwork .pcppNetwork__header h1 {
    font-size: 0.75rem;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
    border-bottom: 2px solid rgba(146, 146, 146, 0.2);
    display: inline-block
}

.pcppNetwork .pcppNetwork__logo {
    display: inline-block
}

.pcppNetwork .pcppNetwork__logo img {
    height: 32px
}

.pcppNetwork .pcppNetwork__logo--pcpp {
    margin-right: 1.5rem
}

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

.devFooter .devSwitch {
    font-weight: 700
}

.gallery {
    display: flex;
    flex-direction: column
}

.gallery .gallery__strip {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

@media only screen and (min-width: 768px) {
    .gallery .gallery__strip {
        flex-wrap: nowrap
    }
}

.gallery .gallery__strip .gallery__images {
    overflow: hidden;
    flex-grow: 2;
    flex-basis: 100%;
    margin: 0.5rem 0
}

@media only screen and (min-width: 768px) {
    .gallery .gallery__strip .gallery__images {
        flex-basis: auto;
        order: 2
    }
}

.gallery .gallery__strip .gallery__images ul {
    white-space: nowrap;
    position: relative;
    left: 0;
    text-align: center;
    padding: 0;
    line-height: 0;
    font-size: 0
}

.gallery .gallery__strip .gallery__images ul li {
    display: inline-block;
    width: 100%;
    vertical-align: top
}

@media only screen and (min-width: 768px) {
    .gallery .gallery__strip .gallery__images ul li {
        width: 50%
    }
}

@media only screen and (min-width: 1100px) {
    .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: 160px;
    height: 160px;
    padding: 0.5rem;
    vertical-align: middle;
    text-align: center
}

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

.gallery .gallery__strip .gallery__images ul li a .gallery__imageWrapper img {
    max-width: 100%;
    max-height: 100%;
    transform: scale(1);
    transition: transform 0.45s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.gallery .gallery__strip .gallery__images ul li a .gallery__imageWrapper:hover img {
    transform: scale(0.9)
}

.gallery .gallery__strip .gallery__control {
    flex-grow: 1;
    text-align: center;
    margin-bottom: 1rem
}

@media only screen and (min-width: 768px) {
    .gallery .gallery__strip .gallery__control {
        margin-bottom: 0
    }
}

.gallery .gallery__strip .gallery__control a svg {
    margin: 0
}

.gallery .gallery__strip .gallery__control.gallery__control--left {
    order: 2;
    text-align: right;
    padding-right: 1rem
}

@media only screen and (min-width: 768px) {
    .gallery .gallery__strip .gallery__control.gallery__control--left {
        order: 1;
        text-align: center;
        padding-right: 0
    }
}

.gallery .gallery__strip .gallery__control.gallery__control--right {
    order: 4;
    text-align: left;
    padding-left: 1rem
}

@media only screen and (min-width: 768px) {
    .gallery .gallery__strip .gallery__control.gallery__control--right {
        text-align: center;
        padding-left: 0
    }
}

.gallery .gallery__strip .gallery__imagecount {
    order: 3;
    margin-bottom: 1.5rem
}

@media only screen and (min-width: 768px) {
    .gallery .gallery__strip .gallery__imagecount {
        display: none
    }
}

.gallery .gallery__paging {
    display: none;
    margin-top: 1rem
}

@media only screen and (min-width: 768px) {
    .gallery .gallery__paging {
        display: flex
    }
}

.gallery .gallery__paging ul {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    text-align: center;
    line-height: 0;
    font-size: 0
}

.gallery .gallery__paging ul li {
    display: flex;
    justify-content: center;
    cursor: pointer;
    width: 2rem;
    height: 2rem
}

.gallery .gallery__paging ul li:after {
    content: "";
    display: block;
    align-self: center;
    height: 0.5rem;
    width: 0.5rem;
    border-radius: 50%;
    transition: width 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), height 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.light-mode .gallery .gallery__paging ul li:after {
    box-shadow: inset 0px 0px 0px 4px #929292
}

.dark-mode .gallery .gallery__paging ul li:after {
    box-shadow: inset 0px 0px 0px 4px #717184
}

.gallery .gallery__paging ul li:hover:after {
    height: 14px;
    width: 14px
}

.light-mode .gallery .gallery__paging ul li:hover:after {
    box-shadow: inset 0px 0px 0px 4px #191b2a
}

.dark-mode .gallery .gallery__paging ul li:hover:after {
    box-shadow: inset 0px 0px 0px 4px #FFFFFF
}

.gallery .gallery__paging ul li.gallery__paging--active:after {
    height: 14px;
    width: 14px
}

.light-mode .gallery .gallery__paging ul li.gallery__paging--active:after {
    box-shadow: inset 0px 0px 0px 4px #191b2a
}

.dark-mode .gallery .gallery__paging ul li.gallery__paging--active:after {
    box-shadow: inset 0px 0px 0px 4px #FFFFFF
}

.gallery__imagecount {
    font-size: 0.75rem;
    font-weight: 700;
    position: relative
}

.gallery__imagecount span {
    position: relative;
    top: 6px;
    transform: rotate(30deg);
    margin: 0 0.5rem;
    display: inline-block;
    width: 1px;
    height: 20px
}

.light-mode .gallery__imagecount span {
    background-color: #929292
}

.dark-mode .gallery__imagecount span {
    background-color: #717184
}

.gallery__header {
    background-repeat: no-repeat;
    background-size: 150px 32px;
    background-position: 1.5rem 1rem;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    height: 65px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 0 0 65px;
    z-index: 110
}

.light-mode .gallery__header {
    background-color: #f9f9f9;
    border-color: rgba(219, 219, 219, 0.1);
    background-image: url("https://cdna.pcpartpicker.com/static/forever/img/pcpp.png")
}

.dark-mode .gallery__header {
    background-color: #09090F;
    border-color: rgba(55, 55, 77, 0.1);
    background-image: url("https://cdna.pcpartpicker.com/static/forever/img/pcpp-logo.svg")
}

@media only screen and (min-width: 768px) {
    .gallery__header {
        padding: 0 300px 0 198px
    }
}

.gallery__header .gallery__title {
    display: block;
    margin: 0;
    padding: 11px 50px 12px 0.5rem
}

.light-mode .gallery__header .gallery__title {
    background-color: #f9f9f9
}

.dark-mode .gallery__header .gallery__title {
    background-color: #09090F
}

@media only screen and (min-width: 768px) {
    .gallery__header .gallery__title {
        padding-left: 1.5rem;
        border-left-style: solid;
        border-left-width: 1px
    }

    .light-mode .gallery__header .gallery__title {
        border-color: rgba(219, 219, 219, 0.2)
    }

    .dark-mode .gallery__header .gallery__title {
        border-color: rgba(55, 55, 77, 0.2)
    }
}

.gallery__header .gallery__title h3 {
    font-size: 0.75rem;
    font-weight: 500
}

.light-mode .gallery__header .gallery__title h3 {
    color: #26293b
}

.dark-mode .gallery__header .gallery__title h3 {
    color: #B8B8C8
}

.gallery__header .gallery__title h1 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1rem;
    font-weight: 500
}

@media only screen and (min-width: 1100px) {
    .gallery__header .gallery__title h1 {
        font-size: 1.125rem
    }
}

.light-mode .gallery__header .gallery__title h1 {
    color: #191b2a
}

.dark-mode .gallery__header .gallery__title h1 {
    color: #FFFFFF
}

.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: 1100px) {
    .gallery__header .gallery__controls .gallery__controls--nav, .gallery__header .gallery__controls .gallery__imagecount {
        display: inline-block
    }
}

.gallery__controls a {
    transition: background-color 0.45s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.gallery__controls a:hover {
    transition: background-color 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.light-mode .gallery__controls a:hover {
    background-color: rgba(38, 41, 59, 0.05)
}

.dark-mode .gallery__controls a:hover {
    background-color: rgba(184, 184, 200, 0.05)
}

.gallery__controls--mobile {
    border-top-style: solid;
    border-top-width: 1px;
    position: absolute;
    bottom: 0;
    width: 100%;
    display: block
}

.light-mode .gallery__controls--mobile {
    background-color: #f9f9f9;
    border-color: rgba(219, 219, 219, 0.1)
}

.dark-mode .gallery__controls--mobile {
    background-color: #09090F;
    border-color: rgba(55, 55, 77, 0.1)
}

.gallery__controls--mobile .gallery__controls {
    display: table;
    width: 100%
}

.gallery__controls--mobile .gallery__controls a {
    display: table-cell;
    padding: 1.5rem;
    height: 65px;
    text-align: center
}

.gallery__controls--mobile .gallery__controls .gallery__imagecount {
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 0.5rem;
    text-align: center
}

@media only screen and (min-width: 1100px) {
    .gallery__controls--mobile {
        display: none
    }
}

.gallery__stage {
    position: absolute;
    top: 64px;
    left: 0;
    right: 0;
    bottom: 64px
}

@media only screen and (min-width: 1100px) {
    .gallery__stage {
        bottom: 0px
    }
}

.gallery__stage .gallery__content {
    -webkit-overflow-scrolling: touch;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap
}

.gallery__stage .gallery__content:after {
    content: "";
    height: 100%;
    width: 1px;
    display: inline-block;
    vertical-align: middle;
    margin-left: -1px
}

.gallery__stage .gallery__content img {
    cursor: pointer;
    max-width: 90%;
    max-height: 90%;
    width: auto !important;
    height: auto !important;
    vertical-align: middle;
    display: inline-block
}

.gallery--product {
    border-style: solid;
    border-width: 1px;
    border-bottom: none;
    padding: 0;
    background-color: #ffffff
}

.light-mode .gallery--product {
    border-color: #191b2a
}

.dark-mode .gallery--product {
    border-color: #09090F
}

@media only screen and (min-width: 768px) {
    .gallery--product {
        padding: 1.5rem
    }
}

@media only screen and (min-width: 1100px) {
    .gallery--product {
        border: none;
        padding: 0
    }
}

.gallery--product ul .gallery__image {
    display: inline-block
}

.gallery--product-2023 {
    position: relative;
    z-index: 1;
    box-shadow: 2px 4px 16px rgba(25, 27, 42, 0.15);
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    border-bottom: none;
    padding: 0;
    background-color: #ffffff
}

@media only screen and (min-width: 768px) {
    .gallery--product-2023 {
        padding: 1.5rem
    }
}

@media only screen and (min-width: 1100px) {
    .gallery--product-2023 {
        border: none;
        padding: 0;
        box-shadow: none
    }
}

.gallery--product-2023 ul .gallery__image {
    display: inline-block
}

.gallery--product-2023:before {
    z-index: 2;
    height: 1.5rem;
    width: 100%;
    content: "";
    position: absolute;
    bottom: -1.5rem;
    left: 0
}

.light-mode .gallery--product-2023:before {
    background-color: #ffffff
}

.dark-mode .gallery--product-2023:before {
    background-color: #46465c
}

@media only screen and (min-width: 1100px) {
    .gallery--product-2023:before {
        background: transparent;
        height: 0;
        bottom: 0
    }
}

ul.product__image-2024-thumbnails {
    display: none;
    justify-content: center;
    align-items: center;
    padding: 4px 4px
}

@media only screen and (min-width: 1100px) {
    ul.product__image-2024-thumbnails {
        display: flex
    }
}

ul.product__image-2024-thumbnails li {
    padding: 0;
    margin: 4px;
    overflow: hidden;
    position: relative
}

ul.product__image-2024-thumbnails li a {
    display: flex;
    max-height: 55px;
    height: 100%;
    max-width: 55px;
    width: 100%;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    transition: all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

@media only screen and (min-width: 1536px) {
    ul.product__image-2024-thumbnails li a {
        max-width: 65px;
        max-height: 65px
    }
}

ul.product__image-2024-thumbnails li a:hover {
    border: 1px solid #2c87c3;
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)
}

ul.product__image-2024-thumbnails li a:hover img {
    transform: scale(0.9)
}

ul.product__image-2024-thumbnails li a img {
    transition: transform 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
    width: 55px;
    height: 55px;
    padding: 4px;
    object-fit: contain;
    object-position: center;
    margin: 0
}

@media only screen and (min-width: 1536px) {
    ul.product__image-2024-thumbnails li a img {
        width: 65px;
        height: 65px
    }
}

ul.product__image-2024-thumbnails li a .product__image-number {
    position: absolute;
    border-radius: 4px;
    display: flex;
    width: 100%;
    height: 100%;
    background: rgba(38, 41, 59, 0.6);
    justify-content: center;
    align-items: center;
    color: #EAEAEA;
    font-weight: 700
}

ul.product__image-2024-thumbnails li a.thumbnail-active.active {
    border: 1px solid #2c87c3
}

.product__image-2024-mobile {
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scroll-padding-inline-start: 1rem;
    padding-block-end: 1rem
}

@media only screen and (min-width: 1100px) {
    .product__image-2024-mobile {
        overflow-x: inherit;
        overflow-y: inherit
    }

    .product__image-2024-mobile ::-webkit-scrollbar {
        display: none;
        scrollbar-width: none
    }
}

.product__image-2024-mobile ul.product__image-2024-mobile-list {
    display: grid;
    grid-gap: 0.5rem;
    grid-auto-flow: column;
    padding-top: 0.5rem;
    position: relative
}

.product__image-2024-mobile ul.product__image-2024-mobile-list:has(>:last-child:nth-child(3)) {
    grid-auto-columns: 256px
}

@media only screen and (min-width: 768px) {
    .product__image-2024-mobile ul.product__image-2024-mobile-list:has(>:last-child:nth-child(3)) {
        grid-auto-columns: auto
    }
}

.product__image-2024-mobile ul.product__image-2024-mobile-list:has(>:last-child:nth-child(4)) {
    grid-auto-columns: 256px
}

@media only screen and (min-width: 950px) {
    .product__image-2024-mobile ul.product__image-2024-mobile-list:has(>:last-child:nth-child(4)) {
        grid-auto-columns: auto
    }
}

.product__image-2024-mobile ul.product__image-2024-mobile-list:has(>:last-child:nth-child(n+5)) {
    grid-auto-columns: 256px
}

.product__image-2024-mobile ul.product__image-2024-mobile-list li {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 4px;
    background: #ffffff
}

.product__image-2024-mobile ul.product__image-2024-mobile-list li a {
    max-width: 256px;
    width: 100%
}

.product__image-2024-mobile ul.product__image-2024-mobile-list li a img {
    max-width: 256px;
    width: 100%;
    padding: 4px;
    margin: 0
}

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

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

#product-page .product__image, #buildguide-view .product__image {
    border-style: solid;
    border-width: 1px;
    border-bottom: none;
    cursor: pointer;
    background-color: #ffffff;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.light-mode #product-page .product__image, .light-mode #buildguide-view .product__image {
    border-color: #191b2a
}

.dark-mode #product-page .product__image, .dark-mode #buildguide-view .product__image {
    border-color: #09090F
}

#product-page .product__image a, #buildguide-view .product__image a {
    display: flex;
    height: 256px;
    max-width: 256px;
    align-items: center
}

#product-page .product__image a img, #buildguide-view .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, #buildguide-view .product__image:hover img {
    transform: scale(0.96)
}

#product-page .product__image-2024, #product-page .product__image-2023, #buildguide-view .product__image-2024, #buildguide-view .product__image-2023 {
    padding-top: 0.5rem;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    cursor: pointer;
    background-color: #ffffff;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

#product-page .product__image-2024 a, #product-page .product__image-2023 a, #buildguide-view .product__image-2024 a, #buildguide-view .product__image-2023 a {
    display: flex;
    height: 256px;
    max-width: 256px;
    align-items: center
}

#product-page .product__image-2024 a img, #product-page .product__image-2023 a img, #buildguide-view .product__image-2024 a img, #buildguide-view .product__image-2023 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-2024:hover img, #product-page .product__image-2023:hover img, #buildguide-view .product__image-2024:hover img, #buildguide-view .product__image-2023:hover img {
    transform: scale(0.96)
}

#product-page .product__image-2024-desktop, #buildguide-view .product__image-2024-desktop {
    display: none
}

@media only screen and (min-width: 1100px) {
    #product-page .product__image-2024-desktop, #buildguide-view .product__image-2024-desktop {
        display: flex
    }
}

#product-page .product__image-2024-mobile, #buildguide-view .product__image-2024-mobile {
    display: block
}

@media only screen and (min-width: 1100px) {
    #product-page .product__image-2024-mobile, #buildguide-view .product__image-2024-mobile {
        display: none
    }
}

#product-page .gallery__image a, #buildguide-view .gallery__image a {
    background-color: #ffffff
}

#product-page .gallery__image a .gallery__imageWrapper, #buildguide-view .gallery__image a .gallery__imageWrapper {
    border-left-style: solid;
    border-right-style: solid;
    border-left-width: 1px;
    border-right-width: 1px
}

.light-mode #product-page .gallery__image a .gallery__imageWrapper, .light-mode #buildguide-view .gallery__image a .gallery__imageWrapper {
    border-color: #ffffff
}

.dark-mode #product-page .gallery__image a .gallery__imageWrapper, .dark-mode #buildguide-view .gallery__image a .gallery__imageWrapper {
    border-color: #282838
}

#userbuild-view .product__image-2024, #userbuild-view .product__image-2023 {
    padding-top: 0.5rem;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    cursor: pointer;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.light-mode #userbuild-view .product__image-2024, .light-mode #userbuild-view .product__image-2023 {
    background-color: #ffffff
}

.dark-mode #userbuild-view .product__image-2024, .dark-mode #userbuild-view .product__image-2023 {
    background-color: #1b1b26
}

#userbuild-view .product__image-2024 a, #userbuild-view .product__image-2023 a {
    display: flex;
    height: 256px;
    max-width: 256px;
    align-items: center
}

#userbuild-view .product__image-2024 a img, #userbuild-view .product__image-2023 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)
}

#userbuild-view .product__image-2024:hover img, #userbuild-view .product__image-2023:hover img {
    transform: scale(0.96)
}

#userbuild-view .product__image-2024-desktop {
    display: none
}

@media only screen and (min-width: 1100px) {
    #userbuild-view .product__image-2024-desktop {
        display: flex
    }
}

#userbuild-view .product__image-2024-mobile {
    display: block
}

@media only screen and (min-width: 1100px) {
    #userbuild-view .product__image-2024-mobile {
        display: none
    }
}

#userbuild-view ul.product__image-2024-thumbnails {
    display: none;
    justify-content: center;
    align-items: center;
    padding: 4px 4px
}

@media only screen and (min-width: 1100px) {
    #userbuild-view ul.product__image-2024-thumbnails {
        display: flex
    }
}

#userbuild-view ul.product__image-2024-thumbnails li {
    padding: 0;
    margin: 4px;
    overflow: hidden;
    position: relative
}

#userbuild-view ul.product__image-2024-thumbnails li a {
    display: flex;
    max-height: 55px;
    height: 100%;
    max-width: 55px;
    width: 100%;
    align-items: center;
    justify-content: center;
    border: 1px solid;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    transition: all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.light-mode #userbuild-view ul.product__image-2024-thumbnails li a {
    background-color: #ffffff
}

.dark-mode #userbuild-view ul.product__image-2024-thumbnails li a {
    background-color: #1b1b26
}

.light-mode #userbuild-view ul.product__image-2024-thumbnails li a {
    border-color: #EAEAEA
}

.dark-mode #userbuild-view ul.product__image-2024-thumbnails li a {
    border-color: #282838
}

@media only screen and (min-width: 1536px) {
    #userbuild-view ul.product__image-2024-thumbnails li a {
        max-width: 65px;
        max-height: 65px
    }
}

#userbuild-view ul.product__image-2024-thumbnails li a:hover {
    border: 1px solid #2c87c3;
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)
}

#userbuild-view ul.product__image-2024-thumbnails li a:hover img {
    transform: scale(0.9)
}

#userbuild-view ul.product__image-2024-thumbnails li a img {
    transition: transform 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
    width: 55px;
    height: 55px;
    padding: 4px;
    object-fit: contain;
    object-position: center;
    margin: 0
}

@media only screen and (min-width: 1536px) {
    #userbuild-view ul.product__image-2024-thumbnails li a img {
        width: 65px;
        height: 65px
    }
}

#userbuild-view ul.product__image-2024-thumbnails li a .product__image-number {
    position: absolute;
    border-radius: 4px;
    display: flex;
    width: 100%;
    height: 100%;
    background: rgba(38, 41, 59, 0.6);
    justify-content: center;
    align-items: center;
    color: #EAEAEA;
    font-weight: 700
}

#userbuild-view ul.product__image-2024-thumbnails li a.thumbnail-active.active {
    border: 1px solid #2c87c3
}

#userbuild-view ul.product__image-2024-mobile-list {
    display: grid;
    grid-gap: 0.5rem;
    grid-auto-flow: column;
    padding-top: 0.5rem;
    position: relative
}

#userbuild-view ul.product__image-2024-mobile-list:has(>:last-child:nth-child(3)) {
    grid-auto-columns: 256px
}

@media only screen and (min-width: 768px) {
    #userbuild-view ul.product__image-2024-mobile-list:has(>:last-child:nth-child(3)) {
        grid-auto-columns: auto
    }
}

#userbuild-view ul.product__image-2024-mobile-list:has(>:last-child:nth-child(4)) {
    grid-auto-columns: 256px
}

@media only screen and (min-width: 950px) {
    #userbuild-view ul.product__image-2024-mobile-list:has(>:last-child:nth-child(4)) {
        grid-auto-columns: auto
    }
}

#userbuild-view ul.product__image-2024-mobile-list:has(>:last-child:nth-child(n+5)) {
    grid-auto-columns: 256px
}

#userbuild-view ul.product__image-2024-mobile-list li {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 4px
}

.light-mode #userbuild-view ul.product__image-2024-mobile-list li {
    background-color: #ffffff
}

.dark-mode #userbuild-view ul.product__image-2024-mobile-list li {
    background-color: #1b1b26
}

#userbuild-view ul.product__image-2024-mobile-list li a {
    max-width: 256px;
    width: 100%
}

#userbuild-view ul.product__image-2024-mobile-list li a img {
    max-width: 256px;
    width: 100%;
    padding: 4px;
    margin: 0
}

.group {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-bottom: 1rem;
    margin-bottom: 1rem
}

.light-mode .group {
    border-color: #dbdbdb
}

.dark-mode .group {
    border-color: #37374d
}

.group:last-of-type {
    border-bottom: none
}

.group .group__content {
    margin-top: 0.5rem
}

.light-mode .group.group--filter .group__title, .light-mode .group.partlist__folder .group__title {
    color: #191b2a
}

.dark-mode .group.group--filter .group__title, .dark-mode .group.partlist__folder .group__title {
    color: #FFFFFF
}

.group .group__title--trigger {
    cursor: pointer
}

.group .group__content--empty:after {
    content: "";
    display: block;
    width: 18px;
    height: 2px;
    margin: 8px 0
}

.light-mode .group .group__content--empty:after {
    background-color: rgba(25, 27, 42, 0.1)
}

.dark-mode .group .group__content--empty:after {
    background-color: rgba(255, 255, 255, 0.1)
}

.group .js-trigger-show {
    font-size: 0.875rem;
    font-weight: bold
}

.sidebar-content .group__title {
    font-size: 0.875rem
}

.sidebar-content .group li {
    font-size: 0.875rem
}

.specs .group {
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem
}

.specs .group .group__title {
    font-size: 0.75rem
}

.specs .group .group__content {
    margin-top: 0
}

.specs .group .group__content p {
    font-size: 0.875rem
}

#products .group, #user-saved-partlists .group {
    padding-bottom: 0.5rem;
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.light-mode #products .group, .light-mode #user-saved-partlists .group {
    border-color: #dbdbdb
}

.dark-mode #products .group, .dark-mode #user-saved-partlists .group {
    border-color: #37374d
}

#products .group .group__title, #user-saved-partlists .group .group__title {
    font-size: 1.5rem;
    font-weight: 500;
    text-transform: inherit
}

@media only screen and (min-width: 1100px) {
    #products .group .group__title, #user-saved-partlists .group .group__title {
        font-size: 0.75rem;
        font-weight: 700;
        text-transform: uppercase
    }
}

#products .group .group__content, #user-saved-partlists .group .group__content {
    margin-top: 0;
    margin-bottom: 1rem
}

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

@media only screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    #buildguide-index .guideGroup__card {
        margin-bottom: 1rem
    }
}

@media only screen and (-ms-high-contrast: active) and (min-width: 768px), only screen and (-ms-high-contrast: none) and (min-width: 768px) {
    #buildguide-index .guideGroup__card {
        display: inline-block;
        width: 350px;
        vertical-align: top;
        margin: 0 0.5rem 1rem 0
    }
}

.guideGrid {
    display: grid;
    grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));
    grid-gap: 2rem
}

.guideGroup__card {
    position: relative;
    display: grid;
    transition: box-shadow 0.45s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.light-mode .guideGroup__card {
    background-color: #545578
}

.dark-mode .guideGroup__card {
    background-color: #3D3D54
}

.guideGroup__card:hover {
    transition: box-shadow 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.light-mode .guideGroup__card:hover {
    box-shadow: 0px 0px 0px 3px #191b2a
}

.dark-mode .guideGroup__card:hover {
    box-shadow: 0px 0px 0px 3px #EF9E20
}

.guideGroup__card:hover .guide__cat {
    width: 50%;
    transition: width 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.guideGroup__card .guideGroup__target {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.guideGroup__card .guideGroup__content--wrapper2 {
    align-self: end
}

.guideGroup__card .guide__title {
    color: #ffffff;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.0625;
    padding: 1.5rem 1.5rem 0.5rem
}

.guideGroup__card .guide__author {
    font-size: 0.6875rem;
    padding: 0 2rem
}

.guideGroup__card .guide__keyProducts {
    padding: 0.5rem 1.5rem
}

.guideGroup__card .guide__keyProducts li {
    line-height: 1;
    padding: 4px 0;
    font-weight: 700;
    font-size: 0.75rem
}

.guideGroup__card .guide__numbers {
    display: flex;
    padding: 0.5rem 1.5rem 1.5rem;
    font-weight: 700;
    align-items: flex-end
}

.guideGroup__card .guide__numbers .guide__price {
    flex-grow: 1;
    color: #ffffff;
    font-size: 1rem;
    line-height: 1
}

.guideGroup__card .guide__numbers .guide__links {
    flex-grow: 1;
    text-align: right;
    line-height: 1.125;
    color: #ffffff
}

.guideGroup__card .guide__numbers .guide__links svg {
    position: relative;
    top: 3px;
    fill: rgba(255, 255, 255, 0.5)
}

.guideGroup__card .guide__numbers .guide__links .guide__link--comments svg {
    margin-right: 6px
}

.guideGroup__card .guide__images {
    margin: 0 0.5rem 0.5rem;
    padding: 0.5rem;
    background-color: #ffffff;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 2fr 1fr;
    -ms-grid-rows: 1fr 1fr;
    grid-template-columns:2fr 1fr;
    grid-template-rows:1fr 1fr;
    grid-gap: 1rem;
    align-self: end;
    min-height: 256px
}

.guideGroup__card .guide__images li {
    line-height: 0
}

.guideGroup__card .guide__images .guide__images--1 {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-column: 1;
    grid-row: 1/3;
    justify-self: center;
    align-self: center
}

.guideGroup__card .guide__images .guide__images--1 img {
    max-height: 224px
}

.guideGroup__card .guide__images .guide__images--2 {
    -ms-grid-column: 2;
    -ms-grid-row: 1;
    grid-column: 2;
    grid-row: 1;
    justify-self: center;
    align-self: center
}

.guideGroup__card .guide__images .guide__images--2 img {
    max-height: 112px
}

.guideGroup__card .guide__images .guide__images--3 {
    -ms-grid-column: 2;
    -ms-grid-row: 2;
    grid-column: 2;
    grid-row: 2;
    justify-self: center;
    align-self: center
}

.guideGroup__card .guide__images .guide__images--3 img {
    max-height: 112px
}

.guideGroup__card_2023 {
    box-shadow: 2px 4px 12px rgba(25, 27, 42, 0.05);
    border-radius: 0.5rem;
    position: relative;
    display: grid;
    transition: box-shadow 0.45s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.light-mode .guideGroup__card_2023 {
    background-color: #ffffff
}

.dark-mode .guideGroup__card_2023 {
    background-color: #46465c
}

.guideGroup__card_2023:hover {
    box-shadow: 2px 4px 16px rgba(25, 27, 42, 0.15);
    transition: box-shadow 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.guideGroup__card_2023:hover .guide__cat {
    width: 50%;
    transition: width 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.guideGroup__card_2023:hover h1 {
    color: #2c87c3;
    transition: color 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.guideGroup__card_2023 .guideGroup__target {
    position: absolute;
    z-index: 3;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.guideGroup__card_2023 .guideGroup__content--wrapper2 {
    align-self: end
}

.guideGroup__card_2023 .guide__cat {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 2px solid rgba(25, 27, 42, 0.75);
    width: 130px;
    padding: 2rem 0 0.5rem;
    margin: 0 2rem 1.5rem;
    transition: width 0.45s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.guideGroup__card_2023 .guide__title {
    transition: color 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.0625;
    padding: 0.75rem 1rem 0 1rem
}

.light-mode .guideGroup__card_2023 .guide__title h1 {
    color: #191b2a
}

.dark-mode .guideGroup__card_2023 .guide__title h1 {
    color: #FFFFFF
}

.guideGroup__card_2023 .guide__author {
    font-size: 0.6875rem;
    padding: 0 2rem
}

.guideGroup__card_2023 .guide__keyProducts {
    padding: 0.5rem 1rem
}

.guideGroup__card_2023 .guide__keyProducts li {
    line-height: 1;
    padding: 4px 0;
    font-size: 0.75rem;
    line-height: 1.25
}

.light-mode .guideGroup__card_2023 .guide__keyProducts li {
    color: rgba(38, 41, 59, 0.7)
}

.dark-mode .guideGroup__card_2023 .guide__keyProducts li {
    color: rgba(184, 184, 200, 0.8)
}

.guideGroup__card_2023 .guide__numbers {
    display: flex;
    padding: 0.5rem 1rem 0.75rem 1rem;
    font-weight: 700;
    font-size: 0.75rem;
    align-items: flex-end;
    border-top-style: solid;
    border-top-width: 1px
}

.light-mode .guideGroup__card_2023 .guide__numbers {
    color: #191b2a
}

.dark-mode .guideGroup__card_2023 .guide__numbers {
    color: #FFFFFF
}

.light-mode .guideGroup__card_2023 .guide__numbers {
    border-color: #EAEAEA
}

.dark-mode .guideGroup__card_2023 .guide__numbers {
    border-color: #282838
}

.guideGroup__card_2023 .guide__numbers .guide__price {
    flex-grow: 1;
    line-height: 1
}

.guideGroup__card_2023 .guide__numbers .guide__links {
    flex-grow: 1;
    text-align: right;
    line-height: 1.125
}

.guideGroup__card_2023 .guide__numbers .guide__links svg {
    position: relative;
    top: 4px;
    width: 12px;
    fill: rgba(25, 27, 42, 0.5)
}

.guideGroup__card_2023 .guide__numbers .guide__links .guide__link--comments svg {
    margin-right: 6px
}

.light-mode .guideGroup__card_2023 .guide__numbers .guide__links .guide__link--comments svg {
    fill: rgba(38, 41, 59, 0.7)
}

.dark-mode .guideGroup__card_2023 .guide__numbers .guide__links .guide__link--comments svg {
    fill: rgba(184, 184, 200, 0.8)
}

.guideGroup__card_2023 .guide__images {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    margin: 0;
    padding: 0.5rem;
    background-color: #ffffff;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 2fr 1fr;
    -ms-grid-rows: 1fr 1fr;
    grid-template-columns:2fr 1fr;
    grid-template-rows:1fr 1fr;
    grid-gap: 0.5rem;
    min-height: 225px
}

.guideGroup__card_2023 .guide__images li {
    line-height: 0
}

.guideGroup__card_2023 .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_2023 .guide__images .guide__images--1 img {
    max-height: 224px
}

.guideGroup__card_2023 .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_2023 .guide__images .guide__images--2 img {
    max-height: 112px
}

.guideGroup__card_2023 .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_2023 .guide__images .guide__images--3 img {
    max-height: 112px
}

#buildguide-view .partlist__metrics {
    border-top: 1px solid #191b2a !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 #191b2a;
    width: 150px;
    padding-bottom: 0.5rem
}

@media only screen and (min-width: 1100px) {
    #guide-detail .wrapper__pageTitle .pageTitle--categoryTitle {
        font-size: 1rem;
        width: 250px
    }
}

#guide-detail .wrapper__pageTitle .pageTitle {
    font-weight: 700;
    padding-top: 2rem;
    line-height: 1.0625
}

#guide-detail .wrapper__pageTitle .guide__numbers {
    font-weight: 700;
    padding: 1rem 0
}

#guide-detail .wrapper__pageTitle .guide__numbers .guide__price {
    display: inline-block;
    color: #ffffff;
    font-size: 1.25rem;
    line-height: 1;
    margin-right: 2rem
}

#guide-detail .wrapper__pageTitle .guide__numbers .guide__price a {
    color: #ffffff
}

@media only screen and (min-width: 1100px) {
    #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: 1100px) {
    #guide-detail .wrapper__pageTitle .guide__numbers .guide__links {
        font-size: 1.25rem
    }
}

#guide-detail .wrapper__pageTitle .guide__numbers .guide__links a {
    color: #191b2a
}

#guide-detail .wrapper__pageTitle .guide__numbers .guide__links svg {
    position: relative;
    top: 2px
}

@media only screen and (min-width: 1100px) {
    #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 #191b2a;
    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: #191b2a !important;
    color: #191b2a !important;
    background-color: #ffffff !important
}

#guide-detail #product_gallery_box .gallery .gallery__control .button:hover {
    background-color: #191b2a !important
}

#guide-detail #product_gallery_box .gallery .gallery__images .gallery__image {
    background-color: #ffffff
}

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

#guide-detail .wrapper__pageContent .markdown p:first-of-type {
    font-size: 2.5rem;
    line-height: 1.25;
    margin-bottom: 3rem
}

#guide-detail .wrapper__pageContent .markdown p:first-of-type:before {
    content: "—";
    display: inline-block
}

svg.icon {
    width: 16px;
    height: 16px
}

.light-mode svg.icon {
    fill: #191b2a
}

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

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

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

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

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

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

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

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

.nav__account svg.icon {
    position: relative;
    top: 2px
}

@media only screen and (min-width: 1100px) {
    .nav__account svg.icon {
        top: 3px
    }
}

.nav__account .shape-inbox {
    margin-right: 0.5rem
}

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

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

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

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

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

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

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

.product--rating svg.icon {
    width: 10px;
    height: 10px
}

.light-mode .product--rating svg.icon {
    fill: #FF960C
}

.dark-mode .product--rating svg.icon {
    fill: #ea7700
}

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

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

.filter--rating svg {
    width: 14px;
    height: 14px
}

.light-mode .filter--rating svg {
    fill: #FF960C
}

.dark-mode .filter--rating svg {
    fill: #ea7700
}

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

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

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

.ugcActions svg {
    width: 12px;
    height: 12px;
    margin-bottom: -3px;
    transition: fill 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
    cursor: pointer
}

.light-mode .ugcActions svg {
    fill: #929292
}

.dark-mode .ugcActions svg {
    fill: #717184
}

.ugcActions svg:hover {
    transition: fill 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.light-mode .ugcActions svg:hover {
    fill: #2c87c3
}

.dark-mode .ugcActions svg:hover {
    fill: #74baff
}

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

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

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

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

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

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

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

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

.highlight code {
    font-size: 0.875rem
}

#homepage .wrapper__smallScreenIntro {
    background-color: #26293b;
    padding: 0;
    text-align: center;
    color: #ffffff
}

#homepage .wrapper__smallScreenIntro img {
    margin-top: 1.5rem;
    margin-bottom: 1rem
}

#homepage .wrapper__smallScreenIntro h1 {
    font-size: 1.25rem;
    margin-bottom: 1rem
}

@media only screen and (min-width: 768px) {
    #homepage .wrapper__smallScreenIntro h1 {
        font-size: 2rem
    }
}

#homepage .wrapper__smallScreenIntro p {
    margin-bottom: 2rem
}

#homepage .wrapper__smallScreenIntro .button {
    margin-bottom: 3rem
}

#homepage .wrapper__intro-2023 {
    text-align: center
}

.light-mode #homepage .wrapper__intro-2023 {
    background: #ffffff
}

.dark-mode #homepage .wrapper__intro-2023 {
    background: #282838
}

#homepage .wrapper__intro-2023 h1 {
    line-height: 1
}

#homepage .wrapper__intro-2023 .intro-2023 {
    padding: 0
}

#homepage .wrapper__intro-2023 .intro-2023 .intro__info {
    background-position: top 3rem center;
    background-repeat: no-repeat;
    background-size: 200px;
    max-width: 600px;
    margin: 0 auto;
    padding: 6rem 1rem 3rem 1rem
}

.light-mode #homepage .wrapper__intro-2023 .intro-2023 .intro__info {
    background-image: url("/static/forever/img/pcpp-logo-word-light.svg")
}

.dark-mode #homepage .wrapper__intro-2023 .intro-2023 .intro__info {
    background-image: url("/static/forever/img/pcpp-logo-word.svg")
}

#homepage .wrapper__intro-2023 .intro-2023 .intro__info h1, #homepage .wrapper__intro-2023 .intro-2023 .intro__info p {
    padding-bottom: 1rem
}

#homepage .wrapper__intro-2023 .intro-2023 .intro__info h1 {
    font-size: 2rem
}

#homepage .wrapper__intro-2023 .intro-2023 .intro__info p {
    padding-right: 0;
    padding-left: 0;
    color: #929292
}

@media only screen and (min-width: 1100px) {
    #homepage .wrapper__intro-2023 .intro-2023 .intro__info {
        padding: 3rem 0 0 0
    }

    .light-mode #homepage .wrapper__intro-2023 .intro-2023 .intro__info {
        background-image: none
    }

    .dark-mode #homepage .wrapper__intro-2023 .intro-2023 .intro__info {
        background-image: none
    }

    #homepage .wrapper__intro-2023 .intro-2023 .intro__info h1 {
        font-size: 3rem
    }

    #homepage .wrapper__intro-2023 .intro-2023 .intro__info p {
        padding-right: 10%;
        padding-left: 10%
    }
}

#homepage .wrapper__intro-2023 .intro-2023 .intro__img {
    display: none
}

@media only screen and (min-width: 1100px) {
    #homepage .wrapper__intro-2023 .intro-2023 .intro__img {
        display: block;
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: contain;
        width: 100%;
        height: 0;
        padding-top: 31%;
        line-height: 0
    }

    .light-mode #homepage .wrapper__intro-2023 .intro-2023 .intro__img {
        background-image: url("/static/forever/img/intro-partlist-2-light.png")
    }

    .dark-mode #homepage .wrapper__intro-2023 .intro-2023 .intro__img {
        background-image: url("/static/forever/img/intro-partlist-2-dark.png")
    }
}

#homepage .wrapper__buildGuides, #homepage .wrapper__completedBuilds {
    padding: 3rem 0
}

.light-mode #homepage .wrapper__buildGuides, .light-mode #homepage .wrapper__completedBuilds {
    background: #545578
}

.dark-mode #homepage .wrapper__buildGuides, .dark-mode #homepage .wrapper__completedBuilds {
    background: #09090F
}

#homepage .wrapper__buildGuides .button-hide, #homepage .wrapper__completedBuilds .button-hide {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    align-self: center;
    text-align: center;
    padding: 1rem 0
}

@media only screen and (min-width: 1100px) {
    #homepage .wrapper__buildGuides .button-hide, #homepage .wrapper__completedBuilds .button-hide {
        display: none
    }
}

.light-mode #homepage .wrapper__buildGuides {
    background: #545578
}

.dark-mode #homepage .wrapper__buildGuides {
    background: #09090F
}

#homepage .wrapper__completedBuilds {
    padding: 3rem 0
}

.light-mode #homepage .wrapper__completedBuilds {
    background: #f4f4f3
}

.dark-mode #homepage .wrapper__completedBuilds {
    background: #282838
}

@media only screen and (min-width: 1100px) {
    #homepage .wrapper__completedBuilds {
        padding: 3rem 0 1rem 0
    }
}

@media only screen and (min-width: 1536px) {
    #homepage .wrapper__completedBuilds {
        padding: 7rem 0 1rem 0
    }
}

#homepage .build-guides, #homepage .completed-builds {
    display: grid;
    grid-gap: 0;
    text-align: left
}

#homepage .build-guides .guides__info, #homepage .build-guides .completed-builds__info, #homepage .build-guides .smallscreen-guides__info, #homepage .build-guides .smallscreen-completed-builds__info, #homepage .completed-builds .guides__info, #homepage .completed-builds .completed-builds__info, #homepage .completed-builds .smallscreen-guides__info, #homepage .completed-builds .smallscreen-completed-builds__info {
    align-self: center;
    text-align: center
}

@media only screen and (min-width: 1536px) {
    #homepage .build-guides .guides__info, #homepage .build-guides .completed-builds__info, #homepage .build-guides .smallscreen-guides__info, #homepage .build-guides .smallscreen-completed-builds__info, #homepage .completed-builds .guides__info, #homepage .completed-builds .completed-builds__info, #homepage .completed-builds .smallscreen-guides__info, #homepage .completed-builds .smallscreen-completed-builds__info {
        text-align: left
    }
}

#homepage .build-guides .guides__info h1, #homepage .build-guides .completed-builds__info h1, #homepage .build-guides .smallscreen-guides__info h1, #homepage .build-guides .smallscreen-completed-builds__info h1, #homepage .completed-builds .guides__info h1, #homepage .completed-builds .completed-builds__info h1, #homepage .completed-builds .smallscreen-guides__info h1, #homepage .completed-builds .smallscreen-completed-builds__info h1 {
    margin-bottom: 1rem;
    font-size: 2rem;
    line-height: 1.25
}

@media only screen and (min-width: 768px) {
    #homepage .build-guides .guides__info h1, #homepage .build-guides .completed-builds__info h1, #homepage .build-guides .smallscreen-guides__info h1, #homepage .build-guides .smallscreen-completed-builds__info h1, #homepage .completed-builds .guides__info h1, #homepage .completed-builds .completed-builds__info h1, #homepage .completed-builds .smallscreen-guides__info h1, #homepage .completed-builds .smallscreen-completed-builds__info h1 {
        font-size: 2rem
    }
}

@media only screen and (min-width: 1100px) {
    #homepage .build-guides .guides__info h1, #homepage .build-guides .completed-builds__info h1, #homepage .build-guides .smallscreen-guides__info h1, #homepage .build-guides .smallscreen-completed-builds__info h1, #homepage .completed-builds .guides__info h1, #homepage .completed-builds .completed-builds__info h1, #homepage .completed-builds .smallscreen-guides__info h1, #homepage .completed-builds .smallscreen-completed-builds__info h1 {
        font-size: 3rem
    }
}

#homepage .build-guides .guides__info p, #homepage .build-guides .completed-builds__info p, #homepage .build-guides .smallscreen-guides__info p, #homepage .build-guides .smallscreen-completed-builds__info p, #homepage .completed-builds .guides__info p, #homepage .completed-builds .completed-builds__info p, #homepage .completed-builds .smallscreen-guides__info p, #homepage .completed-builds .smallscreen-completed-builds__info p {
    margin-bottom: 1rem;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    width: 100%
}

@media only screen and (min-width: 1100px) {
    #homepage .build-guides .guides__info p, #homepage .build-guides .completed-builds__info p, #homepage .build-guides .smallscreen-guides__info p, #homepage .build-guides .smallscreen-completed-builds__info p, #homepage .completed-builds .guides__info p, #homepage .completed-builds .completed-builds__info p, #homepage .completed-builds .smallscreen-guides__info p, #homepage .completed-builds .smallscreen-completed-builds__info p {
        margin-bottom: 2rem;
        padding: 0 3rem 0 0;
        max-width: 600px;
        width: 100%;
        display: block
    }
}

#homepage .build-guides .guides__info a.button, #homepage .build-guides .completed-builds__info a.button, #homepage .build-guides .smallscreen-guides__info a.button, #homepage .build-guides .smallscreen-completed-builds__info a.button, #homepage .completed-builds .guides__info a.button, #homepage .completed-builds .completed-builds__info a.button, #homepage .completed-builds .smallscreen-guides__info a.button, #homepage .completed-builds .smallscreen-completed-builds__info a.button {
    display: none
}

@media only screen and (min-width: 1100px) {
    #homepage .build-guides .guides__info a.button, #homepage .build-guides .completed-builds__info a.button, #homepage .build-guides .smallscreen-guides__info a.button, #homepage .build-guides .smallscreen-completed-builds__info a.button, #homepage .completed-builds .guides__info a.button, #homepage .completed-builds .completed-builds__info a.button, #homepage .completed-builds .smallscreen-guides__info a.button, #homepage .completed-builds .smallscreen-completed-builds__info a.button {
        display: inline-block;
        margin-bottom: 1rem
    }
}

#homepage .build-guides .guides__info, #homepage .build-guides .completed-builds__info, #homepage .completed-builds .guides__info, #homepage .completed-builds .completed-builds__info {
    display: none
}

@media only screen and (min-width: 1100px) {
    #homepage .build-guides .guides__info, #homepage .build-guides .completed-builds__info, #homepage .completed-builds .guides__info, #homepage .completed-builds .completed-builds__info {
        display: block
    }
}

#homepage .build-guides .smallscreen-completed-builds__info, #homepage .build-guides .smallscreen-guides__info, #homepage .completed-builds .smallscreen-completed-builds__info, #homepage .completed-builds .smallscreen-guides__info {
    display: block
}

#homepage .build-guides .smallscreen-completed-builds__info p, #homepage .build-guides .smallscreen-guides__info p, #homepage .completed-builds .smallscreen-completed-builds__info p, #homepage .completed-builds .smallscreen-guides__info p {
    padding-right: 1rem;
    padding-left: 1rem
}

@media only screen and (min-width: 1100px) {
    #homepage .build-guides .smallscreen-completed-builds__info, #homepage .build-guides .smallscreen-guides__info, #homepage .completed-builds .smallscreen-completed-builds__info, #homepage .completed-builds .smallscreen-guides__info {
        display: none
    }
}

#homepage .build-guides .guides__info h1, #homepage .build-guides .smallscreen-guides__info h1, #homepage .completed-builds .guides__info h1, #homepage .completed-builds .smallscreen-guides__info h1 {
    color: #ffffff
}

#homepage .build-guides .guides__info p, #homepage .build-guides .smallscreen-guides__info p, #homepage .completed-builds .guides__info p, #homepage .completed-builds .smallscreen-guides__info p {
    color: rgba(255, 255, 255, 0.6)
}

.light-mode #homepage .build-guides .completed-builds__info h1, .light-mode #homepage .build-guides .smallscreen-completed-builds__info h1, .light-mode #homepage .completed-builds .completed-builds__info h1, .light-mode #homepage .completed-builds .smallscreen-completed-builds__info h1 {
    color: #191b2a
}

.dark-mode #homepage .build-guides .completed-builds__info h1, .dark-mode #homepage .build-guides .smallscreen-completed-builds__info h1, .dark-mode #homepage .completed-builds .completed-builds__info h1, .dark-mode #homepage .completed-builds .smallscreen-completed-builds__info h1 {
    color: #FFFFFF
}

.light-mode #homepage .build-guides .completed-builds__info p, .light-mode #homepage .build-guides .smallscreen-completed-builds__info p, .light-mode #homepage .completed-builds .completed-builds__info p, .light-mode #homepage .completed-builds .smallscreen-completed-builds__info p {
    color: rgba(25, 27, 42, 0.6)
}

.dark-mode #homepage .build-guides .completed-builds__info p, .dark-mode #homepage .build-guides .smallscreen-completed-builds__info p, .dark-mode #homepage .completed-builds .completed-builds__info p, .dark-mode #homepage .completed-builds .smallscreen-completed-builds__info p {
    color: rgba(255, 255, 255, 0.6)
}

@media only screen and (min-width: 1100px) {
    #homepage .build-guides .guides__info, #homepage .completed-builds .guides__info {
        grid-column: 1/4
    }
}

@media only screen and (min-width: 1536px) {
    #homepage .build-guides .guides__info, #homepage .completed-builds .guides__info {
        grid-column: 1/2
    }
}

#homepage .build-guides .completed-builds__info, #homepage .completed-builds .completed-builds__info {
    margin-bottom: 0
}

@media only screen and (min-width: 1100px) {
    #homepage .build-guides .completed-builds__info, #homepage .completed-builds .completed-builds__info {
        grid-column: 1/4;
        margin-bottom: 48px
    }
}

@media only screen and (min-width: 1536px) {
    #homepage .build-guides .completed-builds__info, #homepage .completed-builds .completed-builds__info {
        grid-column: 1/2;
        margin-bottom: 0
    }
}

#homepage .build-guides .guides__cards, #homepage .build-guides .completed-builds__cards, #homepage .completed-builds .guides__cards, #homepage .completed-builds .completed-builds__cards {
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scroll-padding-inline-start: 1rem;
    padding-block-end: 1rem
}

@media only screen and (min-width: 1100px) {
    #homepage .build-guides .guides__cards, #homepage .build-guides .completed-builds__cards, #homepage .completed-builds .guides__cards, #homepage .completed-builds .completed-builds__cards {
        overflow-x: inherit;
        overflow-y: inherit
    }

    #homepage .build-guides .guides__cards ::-webkit-scrollbar, #homepage .build-guides .completed-builds__cards ::-webkit-scrollbar, #homepage .completed-builds .guides__cards ::-webkit-scrollbar, #homepage .completed-builds .completed-builds__cards ::-webkit-scrollbar {
        display: none;
        scrollbar-width: none
    }
}

#homepage .build-guides .guides__cards ul.guides__cardList, #homepage .build-guides .guides__cards ul.completed-builds__cardList, #homepage .build-guides .completed-builds__cards ul.guides__cardList, #homepage .build-guides .completed-builds__cards ul.completed-builds__cardList, #homepage .completed-builds .guides__cards ul.guides__cardList, #homepage .completed-builds .guides__cards ul.completed-builds__cardList, #homepage .completed-builds .completed-builds__cards ul.guides__cardList, #homepage .completed-builds .completed-builds__cards ul.completed-builds__cardList {
    display: grid;
    grid-gap: 1rem;
    grid-auto-flow: column;
    grid-auto-columns: 300px;
    padding-top: 0.5rem;
    padding-left: 1rem;
    text-align: left
}

@media only screen and (min-width: 768px) {
    #homepage .build-guides .guides__cards ul.guides__cardList, #homepage .build-guides .guides__cards ul.completed-builds__cardList, #homepage .build-guides .completed-builds__cards ul.guides__cardList, #homepage .build-guides .completed-builds__cards ul.completed-builds__cardList, #homepage .completed-builds .guides__cards ul.guides__cardList, #homepage .completed-builds .guides__cards ul.completed-builds__cardList, #homepage .completed-builds .completed-builds__cards ul.guides__cardList, #homepage .completed-builds .completed-builds__cards ul.completed-builds__cardList {
        grid-auto-columns: 450px
    }
}

@media only screen and (min-width: 1100px) {
    #homepage .build-guides .guides__cards ul.guides__cardList, #homepage .build-guides .guides__cards ul.completed-builds__cardList, #homepage .build-guides .completed-builds__cards ul.guides__cardList, #homepage .build-guides .completed-builds__cards ul.completed-builds__cardList, #homepage .completed-builds .guides__cards ul.guides__cardList, #homepage .completed-builds .guides__cards ul.completed-builds__cardList, #homepage .completed-builds .completed-builds__cards ul.guides__cardList, #homepage .completed-builds .completed-builds__cards ul.completed-builds__cardList {
        grid-template-columns:repeat(3, 1fr);
        grid-auto-flow: row;
        padding-left: 0
    }
}

@media only screen and (min-width: 1536px) {
    #homepage .build-guides .guides__cards ul.guides__cardList, #homepage .build-guides .guides__cards ul.completed-builds__cardList, #homepage .build-guides .completed-builds__cards ul.guides__cardList, #homepage .build-guides .completed-builds__cards ul.completed-builds__cardList, #homepage .completed-builds .guides__cards ul.guides__cardList, #homepage .completed-builds .guides__cards ul.completed-builds__cardList, #homepage .completed-builds .completed-builds__cards ul.guides__cardList, #homepage .completed-builds .completed-builds__cards ul.completed-builds__cardList {
        grid-template-columns:repeat(4, 1fr);
        grid-gap: 2rem
    }
}

#homepage .build-guides .guides__cards ul.guides__cardList li, #homepage .build-guides .guides__cards ul.completed-builds__cardList li, #homepage .build-guides .completed-builds__cards ul.guides__cardList li, #homepage .build-guides .completed-builds__cards ul.completed-builds__cardList li, #homepage .completed-builds .guides__cards ul.guides__cardList li, #homepage .completed-builds .guides__cards ul.completed-builds__cardList li, #homepage .completed-builds .completed-builds__cards ul.guides__cardList li, #homepage .completed-builds .completed-builds__cards ul.completed-builds__cardList li {
    list-style: none;
    scroll-snap-align: start;
    position: relative
}

#homepage .build-guides .guides__cards ul.guides__cardList li:last-child::after, #homepage .build-guides .guides__cards ul.completed-builds__cardList li:last-child::after, #homepage .build-guides .completed-builds__cards ul.guides__cardList li:last-child::after, #homepage .build-guides .completed-builds__cards ul.completed-builds__cardList li:last-child::after, #homepage .completed-builds .guides__cards ul.guides__cardList li:last-child::after, #homepage .completed-builds .guides__cards ul.completed-builds__cardList li:last-child::after, #homepage .completed-builds .completed-builds__cards ul.guides__cardList li:last-child::after, #homepage .completed-builds .completed-builds__cards ul.completed-builds__cardList li:last-child::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100px;
    right: -22px
}

#homepage .build-guides .guides__cards ul.completed-builds__cardList, #homepage .build-guides .completed-builds__cards ul.completed-builds__cardList, #homepage .completed-builds .guides__cards ul.completed-builds__cardList, #homepage .completed-builds .completed-builds__cards ul.completed-builds__cardList {
    padding-top: 50px
}

@media only screen and (min-width: 1100px) {
    #homepage .build-guides .guides__cards ul.completed-builds__cardList, #homepage .build-guides .completed-builds__cards ul.completed-builds__cardList, #homepage .completed-builds .guides__cards ul.completed-builds__cardList, #homepage .completed-builds .completed-builds__cards ul.completed-builds__cardList {
        padding-top: 0
    }
}

#homepage .build-guides .guides__cards ul.completed-builds__cardList li.logGroup__card_2023:last-child, #homepage .build-guides .completed-builds__cards ul.completed-builds__cardList li.logGroup__card_2023:last-child, #homepage .completed-builds .guides__cards ul.completed-builds__cardList li.logGroup__card_2023:last-child, #homepage .completed-builds .completed-builds__cards ul.completed-builds__cardList li.logGroup__card_2023:last-child {
    display: grid
}

@media only screen and (min-width: 1100px) {
    #homepage .build-guides .guides__cards ul.completed-builds__cardList li.logGroup__card_2023:last-child, #homepage .build-guides .completed-builds__cards ul.completed-builds__cardList li.logGroup__card_2023:last-child, #homepage .completed-builds .guides__cards ul.completed-builds__cardList li.logGroup__card_2023:last-child, #homepage .completed-builds .completed-builds__cards ul.completed-builds__cardList li.logGroup__card_2023:last-child {
        display: none
    }
}

@media only screen and (min-width: 1536px) {
    #homepage .build-guides .guides__cards ul.completed-builds__cardList li.logGroup__card_2023:last-child, #homepage .build-guides .completed-builds__cards ul.completed-builds__cardList li.logGroup__card_2023:last-child, #homepage .completed-builds .guides__cards ul.completed-builds__cardList li.logGroup__card_2023:last-child, #homepage .completed-builds .completed-builds__cards ul.completed-builds__cardList li.logGroup__card_2023:last-child {
        display: grid
    }
}

#homepage .build-guides .guides__cards .logGroup__card--featured_2023, #homepage .build-guides .completed-builds__cards .logGroup__card--featured_2023, #homepage .completed-builds .guides__cards .logGroup__card--featured_2023, #homepage .completed-builds .completed-builds__cards .logGroup__card--featured_2023 {
    border-radius: 1rem;
    background-color: #EDA920;
    padding: 0.5rem;
    margin-top: -50px;
    display: grid;
    grid-template-rows:42px
}

#homepage .build-guides .guides__cards .logGroup__card--featured_2023 .log__image, #homepage .build-guides .completed-builds__cards .logGroup__card--featured_2023 .log__image, #homepage .completed-builds .guides__cards .logGroup__card--featured_2023 .log__image, #homepage .completed-builds .completed-builds__cards .logGroup__card--featured_2023 .log__image {
    min-height: 225px
}

@media only screen and (min-width: 1100px) {
    #homepage .build-guides .guides__cards .logGroup__card--featured_2023 .log__image, #homepage .build-guides .completed-builds__cards .logGroup__card--featured_2023 .log__image, #homepage .completed-builds .guides__cards .logGroup__card--featured_2023 .log__image, #homepage .completed-builds .completed-builds__cards .logGroup__card--featured_2023 .log__image {
        min-height: 223px
    }
}

#homepage .build-guides .guides__cards .logGroup__card--featured_2023 .featured__message, #homepage .build-guides .completed-builds__cards .logGroup__card--featured_2023 .featured__message, #homepage .completed-builds .guides__cards .logGroup__card--featured_2023 .featured__message, #homepage .completed-builds .completed-builds__cards .logGroup__card--featured_2023 .featured__message {
    display: grid;
    grid-template-columns:24px 1fr;
    grid-gap: 0.5rem;
    color: #191b2a;
    text-align: left;
    padding: 6px 1rem
}

#homepage .build-guides .guides__cards .logGroup__card--featured_2023 .featured__message svg, #homepage .build-guides .completed-builds__cards .logGroup__card--featured_2023 .featured__message svg, #homepage .completed-builds .guides__cards .logGroup__card--featured_2023 .featured__message svg, #homepage .completed-builds .completed-builds__cards .logGroup__card--featured_2023 .featured__message svg {
    fill: #191b2a;
    width: 24px;
    height: 24px
}

#homepage .build-guides .guides__cards .logGroup__card--featured_2023 .featured__message h1, #homepage .build-guides .completed-builds__cards .logGroup__card--featured_2023 .featured__message h1, #homepage .completed-builds .guides__cards .logGroup__card--featured_2023 .featured__message h1, #homepage .completed-builds .completed-builds__cards .logGroup__card--featured_2023 .featured__message h1 {
    font-size: 1rem
}

.content-hide {
    display: none
}

.user-deleted div:first-of-type, .staff-deleted div:first-of-type {
    padding-left: 0.5rem !important
}

.user-deleted {
    background-color: rgba(255, 145, 21, 0.1);
    border: 1px solid rgba(255, 145, 21, 0.15) !important;
    border-left: 0.25rem solid #ff9115 !important
}

.staff-deleted {
    background-color: rgba(217, 30, 24, 0.1);
    border: 1px solid rgba(217, 30, 24, 0.15) !important;
    border-left: 0.25rem solid #d91e18 !important
}

.user-deleted--banner, .staff-deleted--banner {
    padding: 1rem;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase
}

.user-deleted--banner {
    background-color: rgba(255, 145, 21, 0.1);
    color: #ff9115;
    border: 1px solid rgba(255, 145, 21, 0.15);
    border-left: 0.25rem solid #ff9115
}

.staff-deleted--banner {
    background-color: rgba(217, 30, 24, 0.1);
    color: #d91e18;
    border: 1px solid rgba(217, 30, 24, 0.15) !important;
    border-left: 0.25rem solid #d91e18 !important
}

div.axisLabels {
    font-size: 12px
}

.light-mode div.axisLabels {
    color: #545454 !important
}

.dark-mode div.axisLabels {
    color: #ababab !important
}

.light-mode div.flot-text {
    color: #545454 !important
}

.dark-mode div.flot-text {
    color: #ababab !important
}

.category-modeSelect {
    width: 100%
}

@media only screen and (min-width: 1100px) {
    .category-modeSelect {
        width: auto
    }
}

.unselectable {
    -moz-user-select: -moz-none;
    -moz-user-select: none;
    -o-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.wrapper__img--benchmarks {
    width: 100%;
    display: inline-block;
    position: relative;
    background-color: #46465c;
    padding: 0.25rem;
    border-radius: 0.5rem
}

.img--benchmarks {
    width: 100%;
    height: 100%;
    max-width: 900px;
    display: block;
    margin: 0 auto;
    background-color: #46465c
}

div.category-benchmark {
    display: inline-block;
    width: 100%;
    height: 10px;
    border-radius: 8px;
    position: relative
}

.light-mode div.category-benchmark {
    background-color: #d6d6d6
}

.dark-mode div.category-benchmark {
    background-color: #3D3D54
}

div.category-benchmark-inner {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 10px;
    border-radius: 8px
}

.light-mode div.category-benchmark-inner {
    background-color: #FF960C
}

.dark-mode div.category-benchmark-inner {
    background-color: #ea7700
}

div.lhs-benchmark {
    display: inline-block;
    width: 100%;
    height: 10px;
    border-radius: 8px;
    position: relative
}

.light-mode div.lhs-benchmark {
    background-color: #d6d6d6
}

.dark-mode div.lhs-benchmark {
    background-color: #3D3D54
}

div.lhs-benchmark-inner {
    position: absolute;
    left: 0;
    top: 0;
    height: 10px;
    border-radius: 8px
}

.light-mode div.lhs-benchmark-inner {
    background-color: #FF960C
}

.dark-mode div.lhs-benchmark-inner {
    background-color: #ea7700
}

div.lhs-benchmark-value {
    overflow: auto
}

span.lhs-benchmark-rank {
    font-size: 0.75em;
    float: right
}

.block {
    margin-bottom: 3rem
}

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

.wrapper__pageContent {
    min-height: 100vh
}

.light-mode .wrapper__pageContent {
    background-color: #f4f4f3
}

.dark-mode .wrapper__pageContent {
    background-color: #282838
}

@media only screen and (min-width: 1100px) {
    .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: 1100px) {
    #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
    }

    #products .wrapper__pageContent .wrapper--columns .main-content, #userbuild-index .wrapper__pageContent .wrapper--columns .main-content, #userbuild-by-part .wrapper__pageContent .wrapper--columns .main-content {
        width: 100%
    }
}

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

@media only screen and (min-width: 1100px) {
    #product-page .productGallery__wrapper, #userbuild-view .productGallery__wrapper, #userbuild-edit .productGallery__wrapper, #buildguide-view .productGallery__wrapper {
        padding-top: 0;
        margin-top: -3rem;
        margin-bottom: 2rem
    }
}

.light-mode #product-page .productGallery__wrapper .gallery, .light-mode #userbuild-view .productGallery__wrapper .gallery, .light-mode #userbuild-edit .productGallery__wrapper .gallery, .light-mode #buildguide-view .productGallery__wrapper .gallery {
    background-color: #ffffff
}

.dark-mode #product-page .productGallery__wrapper .gallery, .dark-mode #userbuild-view .productGallery__wrapper .gallery, .dark-mode #userbuild-edit .productGallery__wrapper .gallery, .dark-mode #buildguide-view .productGallery__wrapper .gallery {
    background-color: #282838
}

@media only screen and (min-width: 1100px) {
    #product-page .productGallery__wrapper, #userbuild-view .productGallery__wrapper, #userbuild-edit .productGallery__wrapper, #buildguide-view .productGallery__wrapper {
        padding: 1rem 0;
        border-bottom-style: solid;
        border-bottom-width: 1px
    }

    .light-mode #product-page .productGallery__wrapper, .light-mode #userbuild-view .productGallery__wrapper, .light-mode #userbuild-edit .productGallery__wrapper, .light-mode #buildguide-view .productGallery__wrapper {
        background-color: #ffffff;
        border-color: #EAEAEA
    }

    .dark-mode #product-page .productGallery__wrapper, .dark-mode #userbuild-view .productGallery__wrapper, .dark-mode #userbuild-edit .productGallery__wrapper, .dark-mode #buildguide-view .productGallery__wrapper {
        background-color: #282838;
        border-color: #282838
    }
}

.sticky-sidebar {
    position: relative;
    height: auto;
    top: 0
}

@media only screen and (min-width: 1100px) {
    .sticky-sidebar {
        position: sticky;
        height: auto;
        top: 24px
    }
}

.masthead {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 100
}

@media only screen and (min-width: 1100px) {
    .masthead {
        position: relative
    }
}

.masthead a:hover {
    text-decoration: none
}

.light-mode .masthead nav a {
    color: #ffffff
}

.dark-mode .masthead nav a {
    color: #FFFFFF
}

.light-mode .masthead nav a:hover {
    color: #EDA920
}

.dark-mode .masthead nav a:hover {
    color: #EF9E20
}

.light-mode .masthead nav a:hover svg.icon {
    fill: #EDA920
}

.dark-mode .masthead nav a:hover svg.icon {
    fill: #EF9E20
}

.masthead nav .nav__logo {
    display: block;
    line-height: 0
}

.masthead nav .nav__logoWrapper {
    display: grid;
    grid-template-columns:auto auto;
    align-items: center
}

.masthead nav .nav__logoWrapper .nav__back {
    display: none
}

@media (display-mode: standalone) {
    .masthead nav .nav__logoWrapper .nav__back {
        display: block;
        line-height: 0;
        transform: rotate(90deg);
        padding: 0.5rem;
        margin-right: 0.5rem
    }

    .masthead nav .nav__logoWrapper .nav__back svg {
        width: 20px;
        height: 20px
    }
}

.nav__account li.nav__account--user .user-avatar {
    border-radius: 50%;
    margin-right: 0.5rem
}

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

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

.nav__account li.nav__account--country {
    position: relative
}

@media only screen and (min-width: 1100px) {
    .nav__account li.nav__account--country {
        margin-left: 0.5rem
    }
}

.nav__account li.nav__account--country select {
    border: none;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
    border: 1px solid transparent;
    color: #ffffff;
    padding-left: 3rem;
    background-image: url("data:image/svg+xml,%3Csvg%20version%3D%271.1%27%20id%3D%27Layer_1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20viewBox%3D%270%200%2018%2018%27%20enable-background%3D%27new%200%200%2018%2018%27%20xml%3Aspace%3D%27preserve%27%3E%3Cpolygon%20points%3D%279%2C13.6%202.2%2C6.8%203.8%2C5.2%209%2C10.4%2014.2%2C5.2%2015.8%2C6.8%20%27%20fill%3D%27%23FFFFFF%27%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    font-size: 1.25rem;
    line-height: 1.75;
    background-position: right 0px top 14px;
    background-size: 20px
}

@media only screen and (min-width: 1100px) {
    .nav__account li.nav__account--country select {
        padding-left: 1.5rem;
        font-size: 0.75rem;
        line-height: 1.5;
        background-position: right 10px top 8px;
        background-size: 14px 14px
    }
}

.light-mode .nav__account li.nav__account--country select:hover {
    color: #EDA920
}

.dark-mode .nav__account li.nav__account--country select:hover {
    color: #EF9E20
}

.nav__account li.nav__account--country select:focus {
    outline: none
}

.nav__account li.nav__account--country option {
    color: #191b2a
}

.nav__account li.nav__account--country .flag-icon {
    position: absolute;
    left: 18px;
    top: 22px;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    background-repeat: no-repeat;
    background-size: 28px 20px;
    width: 30px;
    height: 22px
}

@media only screen and (min-width: 1100px) {
    .nav__account li.nav__account--country .flag-icon {
        left: 0;
        top: 9px;
        background-size: 14px 10px;
        width: 16px;
        height: 12px
    }
}

.nav__account li.nav__account--country .flag-ae {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23E60000%22%20d%3D%22M0%200h14v10H0z%22%2F%3E%3Cpath%20fill%3D%22%23197724%22%20d%3D%22M4%200h10v3H4z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M4%203h10v4H4z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M4%207h10v3H4z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.nav__account li.nav__account--country .flag-ar {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200v3h14V0H0z%22%20fill%3D%22%2369A2DA%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%203v4h14V3H0z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%207v3h14V7H0z%22%20fill%3D%22%2369A2DA%22%2F%3E%3Cpath%20fill%3D%22%23F5AB10%22%20d%3D%22M6%204h2v2H6z%22%2F%3E%3C%2Fsvg%3E")
}

.nav__account li.nav__account--country .flag-at {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%207v3h14V7H0z%22%20fill%3D%22%23EE2435%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%203v4h14V3H0z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200v3h14V0H0z%22%20fill%3D%22%23EE2435%22%2F%3E%3C%2Fsvg%3E")
}

.nav__account li.nav__account--country .flag-au {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23002776%22%20d%3D%22M0%200h14v10H0z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M10%201h1v1h-1zM12%203h1v1h-1zM8%204h1v1H8zM10%208h1v1h-1zM11%205h1v1h-1zM3%207h1v1H3zM2%200h3v5H2z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M0%201h7v3H0z%22%2F%3E%3Cpath%20fill%3D%22%23DF0033%22%20d%3D%22M3%200h1v5H3z%22%2F%3E%3Cpath%20fill%3D%22%23DF0033%22%20d%3D%22M0%202h7v1H0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.nav__account li.nav__account--country .flag-be {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M0%200h14v10H0z%22%2F%3E%3Cpath%20fill%3D%22%23F9DE52%22%20d%3D%22M4%200h6v10H4z%22%2F%3E%3Cpath%20fill%3D%22%23EA2D3F%22%20d%3D%22M10%200h4v10h-4z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.nav__account li.nav__account--country .flag-bh {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200v10h14V0H0z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M4%206l2%201-2%201%202%201-2%201h10V0H4l2%201-2%201%202%201-2%201%202%201-2%201z%22%20fill%3D%22%23C71222%22%2F%3E%3C%2Fsvg%3E")
}

.nav__account li.nav__account--country .flag-br {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200v10h14V0H0z%22%20fill%3D%22%23009334%22%2F%3E%3Cpath%20d%3D%22M1%205l6-4%206%204-6%204-6-4z%22%20fill%3D%22%23FFDB12%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%225%22%20r%3D%222%22%20fill%3D%22%2300216A%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.844%205.776a1.994%201.994%200%2000.135-1.067%208.598%208.598%200%2000-1.858-.694%207.47%207.47%200%2000-1.705-.237%201.99%201.99%200%2000-.405%201.011c.436-.031%201.058-.006%201.868.196a7.42%207.42%200%20011.965.79z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E")
}

.nav__account li.nav__account--country .flag-ca {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23FE0002%22%20d%3D%22M0%200h14v10H0z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M3%200h8v10H3z%22%2F%3E%3Cpath%20d%3D%22M6.996%201.5c.09.197.222.56.322.81.039.096.065.196.103.261.068.115.172.168.312.11.145-.061.277-.226.425-.285-.087.488-.206%201.09-.301%201.608-.024.128-.063.285.031.317.112.038.207-.098.26-.164.186-.237.373-.507.56-.69.034.095.051.208.092.296.034.072.096.16.177.175.107.02.286-.028.435-.055.149-.026.291-.064.404-.076-.064.205-.146.499-.217.743-.028.094-.069.184-.062.252.02.209.267.204.425.295-.39.317-.785.633-1.182.951-.128.102-.28.184-.374.328-.03.295.118.4.156.623-.354-.082-.745-.154-1.12-.23-.119-.023-.25-.072-.352.023.018.553.049%201.157.062%201.65H6.81c.026-.589.041-1.058.062-1.64-.089-.113-.235-.056-.353-.032-.357.07-.76.146-1.109.23.01-.202.181-.327.145-.613-.087-.148-.232-.245-.363-.35-.388-.31-.798-.616-1.192-.93.086-.08.242-.076.332-.141a.27.27%200%200%200%20.093-.142c.014-.085-.033-.163-.062-.263-.068-.23-.148-.538-.207-.754.113.017.256.05.404.076.169.03.367.087.477.033.142-.07.153-.277.218-.448.052.009.071.07.103.11.15.185.302.358.467.568.077.098.186.27.31.12-.085-.638-.22-1.225-.32-1.848.014-.032.068.02.103.044.089.062.229.192.332.23.149.055.21-.03.3-.12.139-.369.295-.718.446-1.072%22%20fill%3D%22%23FE0002%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.nav__account li.nav__account--country .flag-cz {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200v10h14V0H0z%22%20fill%3D%22%2300437B%22%2F%3E%3Cpath%20d%3D%22M0%200h14v5H7L0%200z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M0%2010h14V5H7l-7%205z%22%20fill%3D%22%23E7001A%22%2F%3E%3C%2Fsvg%3E")
}

.nav__account li.nav__account--country .flag-de {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M0%200h14v10H0z%22%2F%3E%3Cpath%20fill%3D%22%23FECE00%22%20d%3D%22M0%207h14v3H0z%22%2F%3E%3Cpath%20fill%3D%22%23FF2020%22%20d%3D%22M0%204h14v3H0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.nav__account li.nav__account--country .flag-dk {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23CE1E32%22%20d%3D%22M0%200h14v10H0z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M4%200h2v10H4z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M0%204h14v2H0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.nav__account li.nav__account--country .flag-es {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23DA131A%22%20d%3D%22M0%200h14v10H0z%22%2F%3E%3Cpath%20fill%3D%22%23FCDD09%22%20d%3D%22M0%203h14v4H0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.nav__account li.nav__account--country .flag-fi {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M0%200h14v10H0z%22%2F%3E%3Cpath%20fill%3D%22%2310367B%22%20d%3D%22M4%200h2v10H4z%22%2F%3E%3Cpath%20fill%3D%22%2310367B%22%20d%3D%22M0%204h14v2H0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.nav__account li.nav__account--country .flag-fr {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23002395%22%20d%3D%22M0%200h14v10H0z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M4%200h6v10H4z%22%2F%3E%3Cpath%20fill%3D%22%23ED2939%22%20d%3D%22M10%200h4v10h-4z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.nav__account li.nav__account--country .flag-hk {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23F20000%22%20d%3D%22M0%200h14v10H0z%22%2F%3E%3Cpath%20d%3D%22M9.124%206.359c.23.766-.003%201.468-.927%202.141.248-.46-.02-.747-.137-.797-.117-.05-.36-.064-.647-.461-.288-.397-.091-.889.118-1.233.21-.343-.13-.764-.572-.935%201.303-.15%201.934.519%202.165%201.285zM6.857%205.197c.545%201.195.105%202.003-.55%202.46-.657.456-1.395.45-2.32-.222.513.094.703-.25.715-.377.011-.127-.05-.362.237-.76.288-.396.816-.36%201.207-.267.39.093.686-.36.711-.834zm-3.19-2.043c.068.518.453.593.577.564.124-.028.329-.16.795-.008s.595.665.627%201.067c.032.401.553.542%201.011.42-.965.888-1.869.72-2.505.235-.636-.484-.86-1.19-.506-2.278zm5.088.124c.798.017%201.393.456%201.746%201.545-.36-.38-.715-.213-.799-.117-.083.096-.171.323-.637.475-.466.152-.872-.188-1.134-.494-.262-.306-.766-.113-1.065.256.26-1.287%201.09-1.683%201.889-1.665zM7.654%201.5c-.471.226-.423.616-.358.725.065.11.254.264.254.754%200%20.491-.448.773-.82.928-.37.155-.343.695-.085%201.093-1.142-.645-1.261-1.558-.998-2.314C5.91%201.931%206.51%201.5%207.654%201.5z%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.nav__account li.nav__account--country .flag-hu {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%207v3h14V7H0z%22%20fill%3D%22%23416F4C%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%203v4h14V3H0z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200v3h14V0H0z%22%20fill%3D%22%23CE253C%22%2F%3E%3C%2Fsvg%3E")
}

.nav__account li.nav__account--country .flag-ie {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23009B48%22%20d%3D%22M0%200h14v10H0z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M4%200h6v10H4z%22%2F%3E%3Cpath%20fill%3D%22%23FF7900%22%20d%3D%22M10%200h4v10h-4z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.nav__account li.nav__account--country .flag-il {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200v10h14V0H0z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill%3D%22%230031AF%22%20d%3D%22M0%201h14v1H0zM0%208h14v1H0z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.00002%202.5l.72169%201.25h1.44338L8.4434%205l.72169%201.25H7.72171L7.00002%207.5l-.72168-1.25H4.83496L5.55665%205l-.72169-1.25h1.44338l.72168-1.25zM5.98966%204.25h-.28867l.14433.25.14434-.25zM6.134%205l.43301-.75h.86603l.43301.75-.43301.75h-.86603L6.134%205zm-.28868.5l-.14433.25h.28867l-.14434-.25zm1.01037.75l.14433.25.14434-.25h-.28867zm1.1547-.5h.28867l-.14433-.25-.14434.25zm.14434-1.25l.14433-.25h-.28867l.14434.25zm-1.01037-.75h-.28867l.14433-.25.14434.25z%22%20fill%3D%22%230031AF%22%2F%3E%3C%2Fsvg%3E")
}

.nav__account li.nav__account--country .flag-in {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23060%22%20d%3D%22M0%207h14v3H0z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M0%203h14v4H0z%22%2F%3E%3Cpath%20fill%3D%22%233E31C2%22%20d%3D%22M6%204h2v2H6z%22%2F%3E%3Cpath%20fill%3D%22%23F60%22%20d%3D%22M0%200h14v3H0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.nav__account li.nav__account--country .flag-it {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23009246%22%20d%3D%22M0%200h14v10H0z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M4%200h6v10H4z%22%2F%3E%3Cpath%20fill%3D%22%23CE2B37%22%20d%3D%22M10%200h4v10h-4z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.nav__account li.nav__account--country .flag-jp {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200v10h14V0H0z%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%225%22%20r%3D%223%22%20fill%3D%22%23B40028%22%2F%3E%3C%2Fsvg%3E")
}

.nav__account li.nav__account--country .flag-kr {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200v10h14V0H0z%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%226.99994%22%20cy%3D%225.00003%22%20r%3D%223%22%20transform%3D%22rotate(-25.502%206.99994%205.00003)%22%20fill%3D%22%2318489A%22%2F%3E%3Cpath%20d%3D%22M9.82794%206.00135c.55306-1.56183-.26478-3.27626-1.82662-3.82929-1.56183-.55302-3.27627.26479-3.82929%201.82662C3.954%205.47574%205.78184%206.3408%206.78585%205.23571l.21414-.23569.24279-.26315c1.0115-1.09626%202.82962-.20696%202.58516%201.26448z%22%20fill%3D%22%23BD3D40%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.2835%207.13086l-.57354.81915.40954.28679.5736-.81915-.4096-.28679zm.8604-1.22873l-.5736.81915.4096.28679.5736-.81915-.4096-.28679zm-.8196%202.47806l.5736-.81915.4096.28679-.5736.81915-.4096-.28679zm1.434-2.04788l-.5736.81916.4096.28678.5735-.81915-.4095-.28679zm-.8196%202.47807l.5736-.81916.4095.28679-.5735.81916-.4096-.28679zm1.4339-2.04788l-.5735.81915.4095.28679.5736-.81916-.4096-.28678zM4.28392%207.9479L2.84998%205.90002l-.40958.28679%201.43394%202.04788.40958-.28679zm-1.47473-.79854l-.57358-.81915-.40957.28678.57357.81916.40958-.28679zm.28679.40957l.57357.81916-.40957.28679-.57358-.81916.40958-.28679zm-.04079%201.24934L1.62125%206.76039l-.40958.28679%201.43394%202.04788.40958-.28679zM11.35.900024l.5736.819156-.4096.28678-.5736-.81915.4096-.286786zm.8603%201.228726l.5736.81915-.4096.28679-.5735-.81915.4095-.28679zm-.0407%201.24934l-1.434-2.04788-.4096.28678%201.434%202.04789.4096-.28679zm-2.0484-1.6177l.5736.81915-.4096.28679-.57353-.81915.40953-.28679zm1.434%202.04788l-.5736-.81915-.4096.28679.5736.81915.4096-.28679zM1.20996%202.95001L2.6439.902132l.40958.286788L1.61954%203.2368l-.40958-.28679zm.61436.43018l1.43395-2.04788.40957.28679L2.2339%203.66698l-.40958-.28679zM3.87263%201.7625L2.43869%203.81038l.40958.28679%201.43394-2.04789-.40958-.28678z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E")
}

.nav__account li.nav__account--country .flag-kw {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200v10h14V0H0z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M0%200h14v3H3L0%200z%22%20fill%3D%22%23006F35%22%2F%3E%3Cpath%20d%3D%22M0%2010h14V7H3l-3%203z%22%20fill%3D%22%23C71222%22%2F%3E%3Cpath%20d%3D%22M3%203L0%200v10l3-3V3z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E")
}

.nav__account li.nav__account--country .flag-mx {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23166B44%22%20d%3D%22M0%200h14v10H0z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M4%200h6v10H4z%22%2F%3E%3Cpath%20fill%3D%22%23F00303%22%20d%3D%22M10%200h4v10h-4z%22%2F%3E%3Ccircle%20fill%3D%22%239A4110%22%20cx%3D%227.25%22%20cy%3D%224.75%22%20r%3D%221.25%22%2F%3E%3Cpath%20d%3D%22M4.98%206.886c.528.575%201.22.866%202.043.866.823%200%201.515-.292%202.04-.867l.337-.37-.74-.673-.336.37c-.331.362-.753.54-1.3.54-.55%200-.973-.178-1.307-.542l-.339-.368-.736.676.338.368z%22%20fill%3D%22%239AA160%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.nav__account li.nav__account--country .flag-nl {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%2321468C%22%20d%3D%22M0%207h14v3H0z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M0%203h14v4H0z%22%2F%3E%3Cpath%20fill%3D%22%23CC1229%22%20d%3D%22M0%200h14v3H0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.nav__account li.nav__account--country .flag-no {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23FF0007%22%20d%3D%22M0%200h14v10H0z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M3%200h4v10H3z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M0%203h14v4H0z%22%2F%3E%3Cpath%20fill%3D%22%230A2964%22%20d%3D%22M4%200h2v10H4z%22%2F%3E%3Cpath%20fill%3D%22%230A2964%22%20d%3D%22M0%204h14v2H0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.nav__account li.nav__account--country .flag-nz {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23002776%22%20d%3D%22M0%200h14v10H0z%22%2F%3E%3Cpath%20fill%3D%22%23FF4B74%22%20d%3D%22M10%201h1v1h-1zM12%203h1v1h-1zM8%204h1v1H8zM10%208h1v1h-1z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M2%200h3v5H2z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M0%201h7v3H0z%22%2F%3E%3Cpath%20fill%3D%22%23DF0033%22%20d%3D%22M3%200h1v5H3z%22%2F%3E%3Cpath%20fill%3D%22%23DF0033%22%20d%3D%22M0%202h7v1H0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.nav__account li.nav__account--country .flag-om {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200v10h14V0H0z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill%3D%22%23D6161A%22%20d%3D%22M0%200h4v10H0zM4%203h10v4H4z%22%2F%3E%3Cpath%20fill%3D%22%23007500%22%20d%3D%22M4%207h10v3H4z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M1.75%201h.5v2h-.5z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M.791958%201.38866l.416022-.27735.97625%201.46437.96574.72431-.3.4-1.03426-.7757L.791958%201.38866z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.20792%201.38866l-.41603-.27735-.97624%201.46437-.965743.72431.300003.4%201.03426-.7757%201.02375-1.53563z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E")
}

.nav__account li.nav__account--country .flag-pl {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23E01644%22%20d%3D%22M0%200h14v10H0z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M0%200h14v5H0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.nav__account li.nav__account--country .flag-ph {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200v10h14V0H0z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill%3D%22%23F6D14B%22%20d%3D%22M1%204h2v2H1z%22%2F%3E%3Cpath%20d%3D%22M0%200h14v5H5L0%200z%22%20fill%3D%22%230F3BA2%22%2F%3E%3Cpath%20d%3D%22M0%2010h14V5H5l-5%205z%22%20fill%3D%22%23BD2C2F%22%2F%3E%3C%2Fsvg%3E")
}

.nav__account li.nav__account--country .flag-pt {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23005D03%22%20d%3D%22M0%200h14v10H0z%22%2F%3E%3Cpath%20fill%3D%22%23FF0007%22%20d%3D%22M5%200h9v10H5z%22%2F%3E%3Ccircle%20fill%3D%22%23F4EC1E%22%20cx%3D%225%22%20cy%3D%225%22%20r%3D%223.5%22%2F%3E%3Cpath%20d%3D%22M3.5%203.5v2.053c0%20.687.77%201.406%201.521%201.406.741%200%201.479-.709%201.479-1.406V3.5h-3z%22%20stroke%3D%22%23FF0007%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.nav__account li.nav__account--country .flag-qa {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200v10h14V0H0z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M4%206l2%201-2%201%202%201-2%201h10V0H4l2%201-2%201%202%201-2%201%202%201-2%201z%22%20fill%3D%22%2382263E%22%2F%3E%3C%2Fsvg%3E")
}

.nav__account li.nav__account--country .flag-ro {
    background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2014%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200v10h14V0H0z%22%20fill%3D%22%230B2A7F%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M4%200v10h6V0H4z%22%20fill%3D%22%23FCD116%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10%200v10h4V0h-4z%22%20fill%3D%22%23CE1E25%22%2F%3E%3C%2Fsvg%3E")
}

.nav__account li.nav__account--country .flag-sa {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23006529%22%20d%3D%22M0%200h14v10H0z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M3%202h1v1H3zM4%207h6v1H4z%22%2F%3E%3Cpath%20d%3D%22M4%205H3l1-3h1l-.667%202h1L6%202h1L6%205H4zm5-3L8%205H7l1-3h1zm2%200v3H9V4h1V2h1z%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.nav__account li.nav__account--country .flag-se {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23005CA4%22%20d%3D%22M0%200h14v10H0z%22%2F%3E%3Cpath%20fill%3D%22%23FFD71D%22%20d%3D%22M4%200h2v10H4z%22%2F%3E%3Cpath%20fill%3D%22%23FFD71D%22%20d%3D%22M0%204h14v2H0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.nav__account li.nav__account--country .flag-sg {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M0%204h14v6H0z%22%2F%3E%3Cpath%20fill%3D%22%23EF2900%22%20d%3D%22M0%200h14v5H0z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M4%202h1v1H4zM3%203v1H2V3h1zM2%202v1H1V2h1zm1-1v1H2V1h1z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.nav__account li.nav__account--country .flag-sk {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%207v3h14V7H0z%22%20fill%3D%22%23EF2420%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%203v4h14V3H0z%22%20fill%3D%22%23164CA4%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200v3h14V0H0z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M4.5%208l.186.464h.001l.003-.002.008-.003.026-.01.091-.041a6.146%206.146%200%20001.247-.767C6.735%207.101%207.5%206.223%207.5%205V1.016v0-.007%200-.002%200-.001%200-.002%200-.001%200-.001%200V1v0V1H7h.5V.5h-6V1H2h-.5V5c0%201.224.765%202.102%201.438%202.64a6.147%206.147%200%20001.338.808l.026.011.008.003.003.002h.001L4.5%208zm0%200l.186.464-.186.075-.186-.075L4.5%208z%22%20fill%3D%22%23EF2420%22%20stroke%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M4%201.5h1V2h1v1H5v.5h1v1H5v1H4v-1H3v-1h1V3H3V2h1v-.5z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M6.764%206.031C6.14%207.344%204.5%208%204.5%208s-1.64-.656-2.264-1.969C2.42%205.706%202.694%205.5%203%205.5c.145%200%20.283.046.407.13C3.681%205.242%204.07%205%204.5%205c.43%200%20.819.242%201.093.63A.727.727%200%20016%205.5c.306%200%20.58.206.764.531z%22%20fill%3D%22%23164CA4%22%2F%3E%3C%2Fsvg%3E")
}

.nav__account li.nav__account--country .flag-th {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200v10h14V0H0z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill%3D%22%23982935%22%20d%3D%22M0%200h14v2H0zM0%208h14v2H0z%22%2F%3E%3Cpath%20fill%3D%22%232C2B48%22%20d%3D%22M0%203h14v4H0z%22%2F%3E%3C%2Fsvg%3E")
}

.nav__account li.nav__account--country .flag-tr {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200v10h14V0H0z%22%20fill%3D%22%23D12F28%22%2F%3E%3Cpath%20d%3D%22M7.37458%203.34588C7.05413%203.1276%206.66697%203%206.25%203c-1.10457%200-2%20.89543-2%202s.89543%202%202%202c.41697%200%20.80413-.1276%201.12458-.34588C6.9165%207.17285%206.24645%207.5%205.5%207.5%204.11929%207.5%203%206.38071%203%205s1.11929-2.5%202.5-2.5c.74645%200%201.4165.32715%201.87458.84588z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M7.9091%203.6358l.67169.85822%201.02377-.37361-.60865.90402.67168.85821-1.04785-.2995-.60865.90401-.03895-1.08912-1.04785-.29951%201.02377-.3736L7.9091%203.6358z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E")
}

.nav__account li.nav__account--country .flag-uk {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200v10h14V0H0z%22%20fill%3D%22%2300247D%22%2F%3E%3Cmask%20id%3D%22a%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2214%22%20height%3D%2210%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200v10h14V0H0z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23a)%22%3E%3Cpath%20d%3D%22M15-.5L9.5%204M14-.5L8.5%204%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22square%22%2F%3E%3Cpath%20d%3D%22M14-.5L8.5%204%22%20stroke%3D%22%23DF0033%22%20stroke-linecap%3D%22square%22%2F%3E%3Cpath%20d%3D%22M15%2010.5L9.5%206M14%2010.5L8.5%206%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22square%22%2F%3E%3Cpath%20d%3D%22M14%209.75l-5.5-4.5%22%20stroke%3D%22%23DF0033%22%20stroke-linecap%3D%22square%22%2F%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%20stroke-linecap%3D%22square%22%2F%3E%3Cpath%20d%3D%22M0%2010.5L5.5%206%22%20stroke%3D%22%23DF0033%22%20stroke-linecap%3D%22square%22%2F%3E%3Cpath%20d%3D%22M-1-.5L4.5%204M0-.5L5.5%204%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22square%22%2F%3E%3Cpath%20d%3D%22M0%20.25l5.5%204.5%22%20stroke%3D%22%23DF0033%22%20stroke-linecap%3D%22square%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%200v10h4V0H5z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%203v4h14V3H0z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%200v10h2V0H6z%22%20fill%3D%22%23DF0033%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%204v2h14V4H0z%22%20fill%3D%22%23DF0033%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.nav__account li.nav__account--country .flag-us {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23D12D43%22%20d%3D%22M0%208h14v2H0zM0%204h14v2H0zM0%200h14v2H0z%22%2F%3E%3Cpath%20fill%3D%22%2308386F%22%20d%3D%22M0%200h6v6H0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.nav__account li.nav__account--mode {
    position: relative;
    padding: 0.75rem 0
}

@media only screen and (min-width: 1100px) {
    .nav__account li.nav__account--mode {
        padding: 0 0 0 0.5rem
    }
}

.nav__account li.nav__account--mode .modeSwitch__label {
    display: inline-block;
    margin-right: 0.5rem
}

.light-mode .nav__account li.nav__account--mode .modeSwitch__label {
    color: #ffffff
}

.dark-mode .nav__account li.nav__account--mode .modeSwitch__label {
    color: #FFFFFF
}

@media only screen and (min-width: 1100px) {
    .nav__account li.nav__account--mode .modeSwitch__label {
        display: none
    }
}

.nav__account li.nav__account--mode .modeSwitch {
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 0px
}

@media only screen and (min-width: 1100px) {
    .nav__account li.nav__account--mode .modeSwitch {
        position: relative;
        right: auto;
        top: 5px
    }
}

.nav__account li.nav__account--mode .modeSwitch:hover {
    cursor: pointer
}

.nav__account li.nav__account--mode .modeSwitch .modeSwitch__wrapper {
    width: 48px;
    height: 24px;
    border-radius: 4px;
    position: relative
}

.light-mode .nav__account li.nav__account--mode .modeSwitch .modeSwitch__wrapper {
    background-color: #26293b;
    box-shadow: inset 0px 0px 0px 1px #30344b
}

.dark-mode .nav__account li.nav__account--mode .modeSwitch .modeSwitch__wrapper {
    background-color: #282838;
    box-shadow: inset 0px 0px 0px 1px #333347
}

@media only screen and (min-width: 1100px) {
    .nav__account li.nav__account--mode .modeSwitch .modeSwitch__wrapper {
        width: 36px;
        height: 18px
    }
}

.nav__account li.nav__account--mode .modeSwitch .modeSwitch__toggle {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    position: relative;
    transition: all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.light-mode .nav__account li.nav__account--mode .modeSwitch .modeSwitch__toggle {
    background-color: #30344b
}

.dark-mode .nav__account li.nav__account--mode .modeSwitch .modeSwitch__toggle {
    background-color: #3d3d56
}

@media only screen and (min-width: 1100px) {
    .nav__account li.nav__account--mode .modeSwitch .modeSwitch__toggle {
        width: 18px;
        height: 18px
    }
}

.nav__account li.nav__account--mode .modeSwitch .modeSwitch__toggle:after {
    content: "";
    display: block;
    position: absolute
}

.nav__account li.nav__account--mode .modeSwitch .modeSwitch__toggle--light-mode {
    left: 24px;
    box-shadow: 0px 0px 2px 1px #09090F, inset 0px 0px 0px 1px #44496a
}

@media only screen and (min-width: 1100px) {
    .nav__account li.nav__account--mode .modeSwitch .modeSwitch__toggle--light-mode {
        left: 18px
    }
}

.nav__account li.nav__account--mode .modeSwitch .modeSwitch__toggle--light-mode:after {
    width: 4px;
    height: 12px;
    border-radius: 2px;
    box-shadow: inset 0px 0px 0px 2px #ffffff, 0px 0px 5px 1px #29a5ff, 0px 0px 1px 1px #29a5ff;
    top: 6px;
    left: 10px
}

@media only screen and (min-width: 1100px) {
    .nav__account li.nav__account--mode .modeSwitch .modeSwitch__toggle--light-mode:after {
        width: 2px;
        height: 8px;
        top: 5px;
        left: 8px
    }
}

.nav__account li.nav__account--mode .modeSwitch .modeSwitch__toggle--dark-mode {
    left: 0px;
    box-shadow: 0px 0px 2px 1px #09090F, inset 0px 0px 0px 1px #59597c
}

.nav__account li.nav__account--mode .modeSwitch .modeSwitch__toggle--dark-mode:after {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    box-shadow: inset 0px 0px 0px 3px #7e7e91;
    top: 6px;
    left: 6px
}

@media only screen and (min-width: 1100px) {
    .nav__account li.nav__account--mode .modeSwitch .modeSwitch__toggle--dark-mode:after {
        width: 8px;
        height: 8px;
        top: 5px;
        left: 5px;
        box-shadow: inset 0px 0px 0px 2px #7e7e91
    }
}

.navDesktop {
    display: none
}

@media only screen and (min-width: 1100px) {
    .navDesktop {
        display: block;
        font-size: 0.75rem
    }
}

.navDesktop .nav__logo--full {
    max-width: 180px
}

.navDesktop .nav__top {
    padding: 0.5rem 0
}

.light-mode .navDesktop .nav__top {
    background-color: #11131d
}

.dark-mode .navDesktop .nav__top {
    background-color: #010102
}

.light-mode .navDesktop .nav__top a:hover, .light-mode .navDesktop .nav__top select:hover {
    color: #EDA920 !important
}

.dark-mode .navDesktop .nav__top a:hover, .dark-mode .navDesktop .nav__top select:hover {
    color: #EF9E20 !important
}

.navDesktop .nav__top .nav__wrapper {
    display: grid;
    height: 56px;
    grid-template-columns:auto 1fr;
    align-items: center
}

.navDesktop .nav__bottom {
    border-top-style: solid;
    border-top-width: 1px
}

.light-mode .navDesktop .nav__bottom {
    border-color: #26293b
}

.dark-mode .navDesktop .nav__bottom {
    border-color: #181827
}

.light-mode .navDesktop .nav__bottom {
    background-color: #191b2a
}

.dark-mode .navDesktop .nav__bottom {
    background-color: #09090F
}

.navDesktop .nav__bottom .nav__wrapper {
    display: grid;
    grid-template-columns:1fr auto;
    align-items: center
}

.navDesktop .nav__bottom .nav__search {
    padding: 1rem;
    line-height: 0;
    height: 100%;
    border-left-style: solid;
    border-right-style: solid;
    border-left-width: 1px;
    border-right-width: 1px
}

.light-mode .navDesktop .nav__bottom .nav__search {
    border-color: #26293b
}

.dark-mode .navDesktop .nav__bottom .nav__search {
    border-color: #181827
}

.navDesktop .nav__bottom .nav__search svg {
    position: relative;
    top: 2px
}

.light-mode .navDesktop .nav__bottom .nav__search:hover {
    background-color: #26293b
}

.dark-mode .navDesktop .nav__bottom .nav__search:hover {
    background-color: #181827
}

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

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

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

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

.nav__account--desktop {
    text-align: right
}

.nav__account--desktop li {
    display: inline-block
}

.nav__account--desktop li a {
    padding: 0 0.5rem;
    border-right-style: solid;
    border-right-width: 1px
}

.light-mode .nav__account--desktop li a {
    border-color: #26293b
}

.dark-mode .nav__account--desktop li a {
    border-color: #181827
}

.nav__account--desktop li.nav__account--user .user-avatar {
    width: 1.5rem
}

.navMobile {
    display: grid
}

.light-mode .navMobile {
    background-color: #11131d
}

.dark-mode .navMobile {
    background-color: #010102
}

@media only screen and (min-width: 1100px) {
    .navMobile {
        display: none
    }
}

.navMobile .nav__logo--icon {
    max-width: 36px
}

.navMobile .nav__wrapper {
    display: grid;
    height: 56px;
    grid-template-columns:auto 1fr;
    align-items: center
}

.navMobile .nav__menu--mobile {
    text-align: right
}

.navMobile .nav__menu--mobile li {
    display: inline-block;
    margin-left: 10px
}

.navMobile .nav__menu--mobile li a {
    display: block;
    padding: 0.5rem;
    line-height: 0
}

.navMobile .nav__menu--mobile li.nav-divider {
    height: 20px;
    width: 1px
}

.light-mode .navMobile .nav__menu--mobile li.nav-divider {
    background-color: #26293b
}

.dark-mode .navMobile .nav__menu--mobile li.nav-divider {
    background-color: #181827
}

.navMobile .nav__menu--mobile li.nav__account--messages a {
    position: relative
}

.navMobile .nav__menu--mobile li.nav__account--messages a:before {
    display: block;
    content: "";
    position: absolute;
    top: 3px;
    right: 3px;
    width: 6px;
    height: 6px;
    border-radius: 3px
}

.light-mode .navMobile .nav__menu--mobile li.nav__account--messages a:before {
    background-color: #EDA920
}

.dark-mode .navMobile .nav__menu--mobile li.nav__account--messages a:before {
    background-color: #EF9E20
}

.navCard {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    z-index: 200;
    font-size: 1.25rem;
    color: #ffffff
}

.light-mode .navCard {
    background-color: #26293b
}

.dark-mode .navCard {
    background-color: #181827
}

.navCard .navCard__header {
    padding: 0.5rem 1rem;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 100
}

.light-mode .navCard .navCard__header {
    background-color: #11131d
}

.dark-mode .navCard .navCard__header {
    background-color: #010102
}

.navCard .navCard__header .navCard__wrapper {
    display: grid;
    height: 56px;
    grid-template-columns:1fr auto 1fr;
    align-items: center
}

.light-mode .navCard .navCard__header .navCard__wrapper {
    color: #ffffff
}

.dark-mode .navCard .navCard__header .navCard__wrapper {
    color: #FFFFFF
}

.navCard .navCard__header .nav__back {
    padding: 0.5rem;
    width: 36px
}

.navCard .navCard__header .nav__back svg {
    transform: rotate(90deg);
    width: 20px;
    height: 20px
}

.navCard .navCard__header h6 {
    line-height: 0
}

.navCard .navCard__header h6 svg {
    width: 18px;
    height: 18px;
    margin-right: 0.5rem
}

.light-mode .navCard .navCard__header h6 svg {
    fill: #EDA920
}

.dark-mode .navCard .navCard__header h6 svg {
    fill: #EF9E20
}

.navCard .navCard__header h6 span {
    position: relative;
    top: -3px
}

.navCard .navCard__header a {
    display: block;
    padding: 0.5rem;
    line-height: 0
}

.navCard .navCard__content > div a {
    display: block
}

.navCard .navCard__content > div li {
    padding: 0.5rem 1rem
}

.navCard--show {
    display: block
}

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

.navCard--products .navCard__content .navCard__wrapper {
    padding: 1rem 0
}

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

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

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

.navCard--account .navCard__content {
    padding-top: 0.5rem
}

.navCard--account .navCard__content .nav__account--mobile {
    display: grid;
    grid-template-columns:1fr auto
}

.navCard--account .navCard__content .nav__account--mobile li {
    grid-column: 1/3
}

.navCard--account .navCard__content .nav__account--mobile .nav__account--user {
    grid-column: 1/2
}

.navCard--account .navCard__content .nav__account--mobile .nav__account--user .user-avatar {
    width: 2rem
}

.navCard--account .navCard__content .nav__account--mobile .nav__account--messages {
    grid-column: 2/3;
    text-align: right
}

.navCard--account .navCard__content .nav__account--mobile .nav__account--saved {
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.light-mode .navCard--account .navCard__content .nav__account--mobile .nav__account--saved {
    border-color: #3a3f5a
}

.dark-mode .navCard--account .navCard__content .nav__account--mobile .nav__account--saved {
    border-color: #2b2b47
}

.navCard--account .navCard__content .nav__account--mobile .nav__account--country {
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.light-mode .navCard--account .navCard__content .nav__account--mobile .nav__account--country {
    border-color: #3a3f5a
}

.dark-mode .navCard--account .navCard__content .nav__account--mobile .nav__account--country {
    border-color: #2b2b47
}

.navCard--account .navCard__content .nav__account--mobile .nav__account--country select {
    width: 100%
}

.navCard--account .navCard__content .nav__account--mobile .nav__account--mode {
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.light-mode .navCard--account .navCard__content .nav__account--mobile .nav__account--mode {
    border-color: #3a3f5a
}

.dark-mode .navCard--account .navCard__content .nav__account--mobile .nav__account--mode {
    border-color: #2b2b47
}

.navCard--account .navCard__content .nav__account--mobile .nav__account--mode p {
    padding: 0.5rem 0
}

.navCard--account .navCard__content .nav__account--mobile .nav__account--mode .modeSwitch {
    right: 1rem;
    top: 18px
}

.light-mode .navCard--account .navCard__content .nav__account--mobile .nav__account--mode .modeSwitch .modeSwitch__wrapper {
    background-color: #12131c
}

.dark-mode .navCard--account .navCard__content .nav__account--mobile .nav__account--mode .modeSwitch .modeSwitch__wrapper {
    background-color: #050507
}

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

.navCard--resources .navCard__content svg {
    width: 24px;
    height: 24px;
    position: relative;
    top: 5px;
    margin-right: 0.5rem
}

.light-mode .navCard--resources .navCard__content svg {
    fill: rgba(255, 255, 255, 0.5)
}

.dark-mode .navCard--resources .navCard__content svg {
    fill: rgba(184, 184, 200, 0.5)
}

.navCard--resources .navCard__content .nav__categories--partlist, .navCard--resources .navCard__content .nav__categories--browseProducts, .navCard--resources .navCard__content .nav__categories--guides, .navCard--resources .navCard__content .nav__categories--builds, .navCard--resources .navCard__content .nav__categories--trends, .navCard--resources .navCard__content .nav__categories--forums, .navCard--resources .navCard__content .nav__categories--benchmarks {
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.light-mode .navCard--resources .navCard__content .nav__categories--partlist, .light-mode .navCard--resources .navCard__content .nav__categories--browseProducts, .light-mode .navCard--resources .navCard__content .nav__categories--guides, .light-mode .navCard--resources .navCard__content .nav__categories--builds, .light-mode .navCard--resources .navCard__content .nav__categories--trends, .light-mode .navCard--resources .navCard__content .nav__categories--forums, .light-mode .navCard--resources .navCard__content .nav__categories--benchmarks {
    border-color: #3a3f5a
}

.dark-mode .navCard--resources .navCard__content .nav__categories--partlist, .dark-mode .navCard--resources .navCard__content .nav__categories--browseProducts, .dark-mode .navCard--resources .navCard__content .nav__categories--guides, .dark-mode .navCard--resources .navCard__content .nav__categories--builds, .dark-mode .navCard--resources .navCard__content .nav__categories--trends, .dark-mode .navCard--resources .navCard__content .nav__categories--forums, .dark-mode .navCard--resources .navCard__content .nav__categories--benchmarks {
    border-color: #2b2b47
}

.navCard--resources .navCard__content .nav__categories--partlist a, .navCard--resources .navCard__content .nav__categories--browseProducts a, .navCard--resources .navCard__content .nav__categories--guides a, .navCard--resources .navCard__content .nav__categories--builds a, .navCard--resources .navCard__content .nav__categories--trends a, .navCard--resources .navCard__content .nav__categories--forums a, .navCard--resources .navCard__content .nav__categories--benchmarks a {
    padding: 0.5rem 0
}

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

@media only screen and (min-width: 1100px) {
    .navCard--search {
        position: absolute;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        height: auto;
        width: 100%;
        transition: top 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
        z-index: -100;
        overflow-y: auto
    }

    .light-mode .navCard--search {
        background-color: #26293b
    }

    .dark-mode .navCard--search {
        background-color: #181827
    }
}

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

.navCard--search .navCard__content .searchField form {
    display: grid;
    grid-template-columns:1fr auto;
    grid-column-gap: 1rem
}

.navCard--search .navCard__content .searchField form input {
    color: #ffffff
}

.light-mode .navCard--search .navCard__content .searchField form input {
    background-color: #1c1e2b
}

.dark-mode .navCard--search .navCard__content .searchField form input {
    background-color: #0e0e17
}

.navCard--search .navCard__content .searchField form input::placeholder {
    color: rgba(255, 255, 255, 0.4)
}

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

.navSearch {
    display: none;
    position: absolute;
    width: 100%;
    transition: top 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
    z-index: -100
}

.light-mode .navSearch {
    background-color: #26293b
}

.dark-mode .navSearch {
    background-color: #181827
}

.navLogoOnly {
    color: #ffffff
}

.light-mode .navLogoOnly {
    background-color: #11131d
}

.dark-mode .navLogoOnly {
    background-color: #010102
}

.navLogoOnly .nav__wrapper {
    display: grid;
    height: 56px;
    grid-template-columns:1fr auto 1fr;
    align-items: center
}

.navLogoOnly .nav__wrapper a {
    line-height: 0
}

.navLogoOnly .nav__wrapper h6 {
    text-align: center
}

.navLogoOnly .nav__wrapper .nav__back {
    padding: 0.5rem;
    width: 36px
}

.navLogoOnly .nav__wrapper .nav__back svg {
    transform: rotate(90deg);
    width: 20px;
    height: 20px
}

.navLogoOnly .nav__wrapper .filter-count {
    font-size: 0.875rem;
    display: block
}

.light-mode .navLogoOnly .nav__wrapper .filter-count {
    color: #EDA920
}

.dark-mode .navLogoOnly .nav__wrapper .filter-count {
    color: #EF9E20
}

.nav__categories {
    display: grid;
    grid-template-columns:auto auto auto auto auto auto 1fr
}

.nav__categories > li a {
    display: inline-block;
    padding: 0.5rem
}

@media only screen and (min-width: 1100px) {
    .nav__categories > li a {
        padding: 1rem 0.5rem
    }
}

.light-mode .nav__categories > li a.nav__categories--active {
    background-color: #26293b;
    color: #ffffff
}

.dark-mode .nav__categories > li a.nav__categories--active {
    background-color: #181827;
    color: #FFFFFF
}

.light-mode .nav__categories > li a.nav__categories--active .nav__icon {
    fill: #EDA920
}

.dark-mode .nav__categories > li a.nav__categories--active .nav__icon {
    fill: #EF9E20
}

.nav__categories > li.nav__categories--partlist a, .nav__categories > li.nav__categories--browseProducts a, .nav__categories > li.nav__categories--guides a, .nav__categories > li.nav__categories--builds a, .nav__categories > li.nav__categories--trends a, .nav__categories > li.nav__categories--forums a, .nav__categories > li.nav__categories--benchmarks a {
    color: #ffffff;
    font-size: 0.875rem;
    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);
    border-left-style: solid;
    border-left-width: 1px
}

.light-mode .nav__categories > li.nav__categories--partlist a, .light-mode .nav__categories > li.nav__categories--browseProducts a, .light-mode .nav__categories > li.nav__categories--guides a, .light-mode .nav__categories > li.nav__categories--builds a, .light-mode .nav__categories > li.nav__categories--trends a, .light-mode .nav__categories > li.nav__categories--forums a, .light-mode .nav__categories > li.nav__categories--benchmarks a {
    border-color: #26293b
}

.dark-mode .nav__categories > li.nav__categories--partlist a, .dark-mode .nav__categories > li.nav__categories--browseProducts a, .dark-mode .nav__categories > li.nav__categories--guides a, .dark-mode .nav__categories > li.nav__categories--builds a, .dark-mode .nav__categories > li.nav__categories--trends a, .dark-mode .nav__categories > li.nav__categories--forums a, .dark-mode .nav__categories > li.nav__categories--benchmarks a {
    border-color: #181827
}

.nav__categories > li.nav__categories--partlist a:hover, .nav__categories > li.nav__categories--browseProducts a:hover, .nav__categories > li.nav__categories--guides a:hover, .nav__categories > li.nav__categories--builds a:hover, .nav__categories > li.nav__categories--trends a:hover, .nav__categories > li.nav__categories--forums a:hover, .nav__categories > li.nav__categories--benchmarks a:hover {
    transition: background-color 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.light-mode .nav__categories > li.nav__categories--partlist a:hover, .light-mode .nav__categories > li.nav__categories--browseProducts a:hover, .light-mode .nav__categories > li.nav__categories--guides a:hover, .light-mode .nav__categories > li.nav__categories--builds a:hover, .light-mode .nav__categories > li.nav__categories--trends a:hover, .light-mode .nav__categories > li.nav__categories--forums a:hover, .light-mode .nav__categories > li.nav__categories--benchmarks a:hover {
    color: #ffffff;
    background-color: #26293b
}

.dark-mode .nav__categories > li.nav__categories--partlist a:hover, .dark-mode .nav__categories > li.nav__categories--browseProducts a:hover, .dark-mode .nav__categories > li.nav__categories--guides a:hover, .dark-mode .nav__categories > li.nav__categories--builds a:hover, .dark-mode .nav__categories > li.nav__categories--trends a:hover, .dark-mode .nav__categories > li.nav__categories--forums a:hover, .dark-mode .nav__categories > li.nav__categories--benchmarks a:hover {
    color: #FFFFFF;
    background-color: #181827
}

.light-mode .nav__categories > li.nav__categories--partlist a:hover svg, .light-mode .nav__categories > li.nav__categories--browseProducts a:hover svg, .light-mode .nav__categories > li.nav__categories--guides a:hover svg, .light-mode .nav__categories > li.nav__categories--builds a:hover svg, .light-mode .nav__categories > li.nav__categories--trends a:hover svg, .light-mode .nav__categories > li.nav__categories--forums a:hover svg, .light-mode .nav__categories > li.nav__categories--benchmarks a:hover svg {
    fill: #EDA920
}

.dark-mode .nav__categories > li.nav__categories--partlist a:hover svg, .dark-mode .nav__categories > li.nav__categories--browseProducts a:hover svg, .dark-mode .nav__categories > li.nav__categories--guides a:hover svg, .dark-mode .nav__categories > li.nav__categories--builds a:hover svg, .dark-mode .nav__categories > li.nav__categories--trends a:hover svg, .dark-mode .nav__categories > li.nav__categories--forums a:hover svg, .dark-mode .nav__categories > li.nav__categories--benchmarks a:hover svg {
    fill: #EF9E20
}

.nav__categories > li.nav__categories--browseProducts a {
    border-right-style: solid;
    border-right-width: 1px
}

.light-mode .nav__categories > li.nav__categories--browseProducts a {
    border-color: #26293b
}

.dark-mode .nav__categories > li.nav__categories--browseProducts a {
    border-color: #181827
}

.nav__categories > li.nav__categories--browseProducts a .down-caret {
    display: inline-block;
    position: relative;
    top: 3px;
    left: 4px;
    transition: transform 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform-origin: 50% 42%
}

.nav__categories > li.nav__categories--browseProducts a .down-caret svg {
    width: 14px;
    height: 14px
}

.nav__categories > li.nav__categories--browseProducts a .down-caret--rotate {
    transform: rotate(180deg)
}

.nav__categories > li.nav__subLinks {
    text-align: right
}

.nav__categories .nav__icon {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 12px;
    top: 15px
}

.light-mode .nav__categories .nav__icon {
    fill: rgba(255, 255, 255, 0.5)
}

.dark-mode .nav__categories .nav__icon {
    fill: rgba(184, 184, 200, 0.5)
}

.browseProducts {
    width: 100%;
    left: 0;
    top: 126px;
    z-index: -100;
    transition: top 0.45s cubic-bezier(0.165, 0.84, 0.44, 1)
}

@media only screen and (min-width: 1100px) {
    .browseProducts {
        padding: 2rem 0;
        position: absolute
    }

    .light-mode .browseProducts {
        background-color: #26293b
    }

    .dark-mode .browseProducts {
        background-color: #181827
    }
}

.browseProducts .browseProducts__wrapper {
    display: grid;
    grid-template-columns:1fr 1fr;
    grid-column-gap: 2rem
}

.browseProducts .browseProducts__block--group1 ul {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-gap: 0.5rem
}

@media only screen and (min-width: 768px) {
    .browseProducts .browseProducts__block--group1 ul {
        grid-template-columns:repeat(4, 1fr)
    }
}

.browseProducts .browseProducts__block--group1 ul li a {
    display: block;
    text-align: center;
    padding: 0.5rem;
    transition: box-shadow 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
    font-weight: 700;
    text-decoration: none;
    color: #ffffff;
    font-size: 0.75rem;
    height: 100%
}

.light-mode .browseProducts .browseProducts__block--group1 ul li a {
    background-color: #323648;
    box-shadow: inset 0px 0px 0px 1px #3e4256
}

.dark-mode .browseProducts .browseProducts__block--group1 ul li a {
    background-color: #353544;
    box-shadow: inset 0px 0px 0px 1px #424251
}

.light-mode .browseProducts .browseProducts__block--group1 ul li a:hover {
    color: #ffffff;
    background-color: rgba(237, 169, 32, 0.15);
    box-shadow: inset 0px 0px 0px 2px #EDA920
}

.dark-mode .browseProducts .browseProducts__block--group1 ul li a:hover {
    color: #FFFFFF;
    background-color: rgba(239, 158, 32, 0.15);
    box-shadow: inset 0px 0px 0px 2px #EF9E20
}

.browseProducts .browseProducts__block--group1 ul li a img {
    display: block;
    margin: 0 auto 0.5rem;
    min-width: 64px;
    max-width: 100px;
    width: 100%
}

.browseProducts .browseProducts__block--group2 {
    text-align: left
}

@media only screen and (min-width: 1100px) {
    .browseProducts .browseProducts__block--group2 {
        display: grid;
        grid-template-columns:1fr 1fr;
        grid-gap: 1.5rem
    }
}

.browseProducts .browseProducts__block--group2 ul {
    margin: 1.5rem 0 0 0
}

@media only screen and (min-width: 1100px) {
    .browseProducts .browseProducts__block--group2 ul {
        margin: 0 0 1rem 0
    }

    .browseProducts .browseProducts__block--group2 ul:last-of-type {
        margin: 0
    }
}

.browseProducts .browseProducts__block--group2 ul li h2 {
    font-size: 1.25rem;
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.light-mode .browseProducts .browseProducts__block--group2 ul li h2 {
    color: rgba(255, 255, 255, 0.5);
    border-color: #383c57
}

.dark-mode .browseProducts .browseProducts__block--group2 ul li h2 {
    color: rgba(255, 255, 255, 0.5);
    border-color: #292943
}

@media only screen and (min-width: 1100px) {
    .browseProducts .browseProducts__block--group2 ul li h2 {
        font-size: 0.75rem;
        margin-bottom: 0.25rem
    }
}

.browseProducts .browseProducts__block--group2 ul li a {
    display: block;
    padding: 0.25rem 0;
    font-size: 1.25rem
}

.light-mode .browseProducts .browseProducts__block--group2 ul li a {
    color: #ffffff
}

.dark-mode .browseProducts .browseProducts__block--group2 ul li a {
    color: #FFFFFF
}

@media only screen and (min-width: 1100px) {
    .browseProducts .browseProducts__block--group2 ul li a {
        font-size: 0.75rem;
        line-height: 1.25
    }
}

.light-mode .browseProducts .browseProducts__block--group2 ul li a:hover {
    color: #EDA920
}

.dark-mode .browseProducts .browseProducts__block--group2 ul li a:hover {
    color: #EF9E20
}

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

.message {
    padding: 1.5rem 0
}

.message .comment__commentData {
    color: #6c6c6c;
    line-height: 1
}

.message .comment__commentData li {
    display: inline-block;
    font-size: 0.6875rem
}

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

@media only screen and (min-width: 1100px) {
    .no-scroll {
        overflow-y: visible
    }
}

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

.offCanvas {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    z-index: 100
}

.light-mode .offCanvas {
    background-color: #f4f4f3
}

.dark-mode .offCanvas {
    background-color: #282838
}

@media only screen and (min-width: 1100px) {
    .offCanvas {
        z-index: auto;
        position: relative;
        background: transparent;
        overflow: visible
    }
}

@media only screen and (min-width: 1100px) {
    .offCanvas .masthead {
        display: none
    }
}

.offCanvas .masthead .nav__top {
    background: #191b2a;
    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: 1100px) {
    .offCanvas .offCanvas__content {
        top: 0;
        padding-top: 0;
        position: relative;
        overflow-y: visible
    }
}

.offCanvas .offCanvas__content li {
    font-size: 1.125rem
}

@media only screen and (min-width: 1100px) {
    .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: #2c87c3
}

.offCanvas .offCanvas__content .arrow__small--up {
    top: -1px;
    transform: rotate(180deg)
}

.offCanvas .offCanvas__content .subTitle__header {
    border-color: #ffffff
}

@media only screen and (min-width: 1100px) {
    .offCanvas .offCanvas__content .subTitle__header {
        border-color: inherit
    }
}

.offCanvas .offCanvas__content .miniPartlist {
    border-style: solid;
    border-width: 1px;
    margin-bottom: 2rem
}

.light-mode .offCanvas .offCanvas__content .miniPartlist {
    border-color: #191b2a;
    background-color: #f9f5e9;
    color: #191b2a
}

.dark-mode .offCanvas .offCanvas__content .miniPartlist {
    border-color: #09090F;
    background-color: #46465c;
    color: #FFFFFF
}

.offCanvas .offCanvas__content .miniPartlist img {
    width: 24px;
    margin-bottom: -9px;
    margin-left: 5px;
    margin-right: 6px
}

.offCanvas .offCanvas__content .miniPartlist .miniPartlist__header {
    padding: 1rem 0.5rem;
    text-align: center
}

.offCanvas .offCanvas__content .miniPartlist .miniPartlist__header h2 {
    font-size: 1rem
}

.offCanvas .offCanvas__content .miniPartlist .group__title {
    padding: 0 1rem
}

.offCanvas .offCanvas__content .miniPartlist .group__title .collapse-toggle {
    right: 1rem
}

.offCanvas .offCanvas__content .miniPartlist ul {
    padding: 1rem 1rem 0.5rem 1rem
}

@media only screen and (min-width: 768px) and (max-width: 1049px) {
    .offCanvas .offCanvas__content .miniPartlist ul {
        text-align: center
    }
}

.offCanvas .offCanvas__content .miniPartlist li {
    margin-bottom: 0.5rem;
    line-height: 1.25
}

.offCanvas .offCanvas__content .miniPartlist li:last-of-type {
    margin-bottom: 0
}

.offCanvas .offCanvas__content .miniPartlist .filter__compatibility {
    font-size: 0.875rem;
    text-align: center;
    position: relative
}

.offCanvas .offCanvas__content .miniPartlist .filter__compatibility .compatibility__wrapper {
    position: relative;
    padding: 0 1rem;
    display: inline-block;
    z-index: 1
}

.light-mode .offCanvas .offCanvas__content .miniPartlist .filter__compatibility .compatibility__wrapper {
    background-color: #f9f5e9
}

.dark-mode .offCanvas .offCanvas__content .miniPartlist .filter__compatibility .compatibility__wrapper {
    background-color: #46465c
}

.offCanvas .offCanvas__content .miniPartlist .filter__compatibility:after {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    top: 49%
}

.light-mode .offCanvas .offCanvas__content .miniPartlist .filter__compatibility:after {
    background-color: #191b2a
}

.dark-mode .offCanvas .offCanvas__content .miniPartlist .filter__compatibility:after {
    background-color: #09090F
}

.offCanvas .offCanvas__content .miniPartlist .moreless {
    font-size: 0.875rem;
    display: block;
    font-weight: 700;
    text-align: center;
    color: #191b2a;
    padding: 1rem
}

.offCanvas .offCanvas__content .miniPartlist .moreless svg {
    fill: #191b2a
}

.offCanvas .offCanvas__content .miniPartlist .moreless:hover {
    color: #2c87c3
}

.offCanvas .offCanvas__content .miniPartlist .miniPartlist__parts a, .offCanvas .offCanvas__content .miniPartlist .miniPartlist__price a, .offCanvas .offCanvas__content .miniPartlist .miniPartlist__keyMetric a {
    font-size: 1rem;
    font-weight: 700
}

.offCanvas .offCanvas__content .miniPartlist .miniPartlist__parts a:hover h4, .offCanvas .offCanvas__content .miniPartlist .miniPartlist__price a:hover h4, .offCanvas .offCanvas__content .miniPartlist .miniPartlist__keyMetric a:hover h4 {
    text-decoration: none
}

.offCanvas .offCanvas__content .miniPartlist .miniPartlist__parts h4, .offCanvas .offCanvas__content .miniPartlist .miniPartlist__price h4, .offCanvas .offCanvas__content .miniPartlist .miniPartlist__keyMetric h4 {
    font-size: 0.625rem;
    text-transform: uppercase
}

.offCanvas .offCanvas__content .miniPartlist .miniPartlist__parts, .offCanvas .offCanvas__content .miniPartlist .miniPartlist__price {
    display: inline-block
}

.offCanvas .offCanvas__content .miniPartlist .miniPartlist__parts {
    width: 30%
}

@media only screen and (min-width: 768px) and (max-width: 1049px) {
    .offCanvas .offCanvas__content .miniPartlist .miniPartlist__parts {
        width: 32%
    }
}

.offCanvas .offCanvas__content .miniPartlist .miniPartlist__parts a {
    margin-right: 0.25rem
}

.offCanvas .offCanvas__content .miniPartlist .miniPartlist__price {
    width: 60%
}

@media only screen and (min-width: 768px) and (max-width: 1049px) {
    .offCanvas .offCanvas__content .miniPartlist .miniPartlist__price {
        width: 32%
    }
}

.offCanvas .offCanvas__content .miniPartlist .miniPartlist__keyMetric {
    margin-top: 0.25rem
}

@media only screen and (min-width: 768px) and (max-width: 1049px) {
    .offCanvas .offCanvas__content .miniPartlist .miniPartlist__keyMetric {
        width: 32%;
        display: inline-block
    }
}

.offCanvas .offCanvas__content .miniPartlist .group__content {
    padding: 0 1rem 1rem 1rem
}

.offCanvas .offCanvas__content .miniPartlist-2023 {
    box-shadow: 2px 4px 12px rgba(25, 27, 42, 0.05);
    border-radius: 0.5rem;
    margin-bottom: 2rem
}

.light-mode .offCanvas .offCanvas__content .miniPartlist-2023 {
    background-color: #ffffff
}

.dark-mode .offCanvas .offCanvas__content .miniPartlist-2023 {
    background-color: #46465c
}

.offCanvas .offCanvas__content .miniPartlist-2023 img {
    width: 24px;
    margin-bottom: -9px;
    margin-left: 5px;
    margin-right: 6px
}

.offCanvas .offCanvas__content .miniPartlist-2023 .miniPartlist__header {
    padding: 1rem 0.5rem;
    text-align: center
}

.offCanvas .offCanvas__content .miniPartlist-2023 .miniPartlist__header h2 {
    font-size: 1rem
}

.offCanvas .offCanvas__content .miniPartlist-2023 .group__title {
    padding: 0 1rem
}

.offCanvas .offCanvas__content .miniPartlist-2023 .group__title .collapse-toggle {
    right: 1rem
}

.offCanvas .offCanvas__content .miniPartlist-2023 ul {
    padding: 1rem 1rem 0.5rem 1rem
}

@media only screen and (min-width: 768px) and (max-width: 1049px) {
    .offCanvas .offCanvas__content .miniPartlist-2023 ul {
        text-align: center
    }
}

.offCanvas .offCanvas__content .miniPartlist-2023 li {
    margin-bottom: 0.5rem;
    line-height: 1.25
}

.offCanvas .offCanvas__content .miniPartlist-2023 li:last-of-type {
    margin-bottom: 0
}

.offCanvas .offCanvas__content .miniPartlist-2023 .filter__compatibility {
    font-size: 0.875rem;
    text-align: center;
    position: relative
}

.offCanvas .offCanvas__content .miniPartlist-2023 .filter__compatibility .compatibility__wrapper {
    position: relative;
    border-radius: 0.25rem;
    border-style: solid;
    border-width: 1px;
    padding: 10px 1rem;
    display: inline-block;
    z-index: 1
}

.light-mode .offCanvas .offCanvas__content .miniPartlist-2023 .filter__compatibility .compatibility__wrapper {
    border-color: #EAEAEA
}

.dark-mode .offCanvas .offCanvas__content .miniPartlist-2023 .filter__compatibility .compatibility__wrapper {
    border-color: #282838
}

.offCanvas .offCanvas__content .miniPartlist-2023 .moreless {
    font-size: 0.875rem;
    display: block;
    font-weight: 700;
    text-align: center;
    color: #191b2a;
    padding: 1rem
}

.offCanvas .offCanvas__content .miniPartlist-2023 .moreless svg {
    fill: #191b2a
}

.offCanvas .offCanvas__content .miniPartlist-2023 .moreless:hover {
    color: #2c87c3
}

.offCanvas .offCanvas__content .miniPartlist-2023 .miniPartlist__parts a, .offCanvas .offCanvas__content .miniPartlist-2023 .miniPartlist__price a, .offCanvas .offCanvas__content .miniPartlist-2023 .miniPartlist__keyMetric a {
    font-size: 1rem;
    font-weight: 700
}

.offCanvas .offCanvas__content .miniPartlist-2023 .miniPartlist__parts a:hover h4, .offCanvas .offCanvas__content .miniPartlist-2023 .miniPartlist__price a:hover h4, .offCanvas .offCanvas__content .miniPartlist-2023 .miniPartlist__keyMetric a:hover h4 {
    text-decoration: none
}

.offCanvas .offCanvas__content .miniPartlist-2023 .miniPartlist__parts h4, .offCanvas .offCanvas__content .miniPartlist-2023 .miniPartlist__price h4, .offCanvas .offCanvas__content .miniPartlist-2023 .miniPartlist__keyMetric h4 {
    font-size: 0.625rem;
    text-transform: uppercase
}

.offCanvas .offCanvas__content .miniPartlist-2023 .miniPartlist__parts, .offCanvas .offCanvas__content .miniPartlist-2023 .miniPartlist__price {
    display: inline-block
}

.offCanvas .offCanvas__content .miniPartlist-2023 .miniPartlist__parts {
    width: 30%
}

@media only screen and (min-width: 768px) and (max-width: 1049px) {
    .offCanvas .offCanvas__content .miniPartlist-2023 .miniPartlist__parts {
        width: 32%
    }
}

.offCanvas .offCanvas__content .miniPartlist-2023 .miniPartlist__parts a {
    margin-right: 0.25rem
}

.offCanvas .offCanvas__content .miniPartlist-2023 .miniPartlist__price {
    width: 60%
}

@media only screen and (min-width: 768px) and (max-width: 1049px) {
    .offCanvas .offCanvas__content .miniPartlist-2023 .miniPartlist__price {
        width: 32%
    }
}

.offCanvas .offCanvas__content .miniPartlist-2023 .miniPartlist__keyMetric {
    margin-top: 0.25rem
}

@media only screen and (min-width: 768px) and (max-width: 1049px) {
    .offCanvas .offCanvas__content .miniPartlist-2023 .miniPartlist__keyMetric {
        width: 32%;
        display: inline-block
    }
}

.offCanvas .offCanvas__content .miniPartlist-2023 .group__content {
    padding: 0 1rem 1rem 1rem
}

.offCanvas__sidebar {
    display: none
}

.offCanvas__sidebar .module-subTitle {
    display: block
}

@media only screen and (min-width: 1100px) {
    .offCanvas__sidebar {
        display: block
    }
}

.offCanvas__sort {
    display: none
}

.offCanvas__sort .module-subTitle {
    display: block
}

.offCanvas__gallery {
    display: none
}

@media only screen and (min-width: 1100px) {
    .offCanvas__gallery {
        position: fixed;
        z-index: 300
    }
}

@media only screen and (min-width: 1100px) {
    .offCanvas__gallery .masthead {
        display: block
    }
}

.offCanvas__gallery .offCanvas__content {
    overflow-y: hidden
}

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

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

.main-content--display, .sidebar-content--display, .footer--display {
    display: none !important
}

@media only screen and (min-width: 1100px) {
    .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: 1100px) {
    .wrapper__pageContent {
        padding: 3rem 0
    }
}

.searchField input {
    font-size: 1.125rem
}

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

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

.search-results__pageContent {
    overflow: hidden
}

.search-results__pageContent ul {
    padding: 0;
    margin: 0
}

.search-results__pageContent ul li {
    display: block;
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #a1a1a1;
    padding: 0.5rem 0
}

@media only screen and (min-width: 768px) {
    .search-results__pageContent ul li {
        display: table;
        overflow: auto
    }
}

.search-results__pageContent ul li .search_results--img {
    display: block;
    float: left;
    width: 60px;
    height: 60px;
    text-align: center;
    background: #ffffff;
    border: 2px solid #EAEAEA;
    padding: 0.5rem
}

@media only screen and (min-width: 768px) {
    .search-results__pageContent ul li .search_results--img {
        width: 100px;
        height: 100px;
        display: table-cell;
        float: none
    }
}

.search-results__pageContent ul li .search_results--img img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: auto;
    vertical-align: middle;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.search-results__pageContent ul li .search_results--contentWrapper {
    display: block;
    float: left;
    width: 65%;
    padding: 0;
    vertical-align: middle
}

@media only screen and (min-width: 450px) {
    .search-results__pageContent ul li .search_results--contentWrapper {
        width: 70%
    }
}

@media only screen and (min-width: 600px) {
    .search-results__pageContent ul li .search_results--contentWrapper {
        width: 75%
    }
}

@media only screen and (min-width: 768px) {
    .search-results__pageContent ul li .search_results--contentWrapper {
        display: table-cell;
        float: none;
        width: 80%
    }
}

@media only screen and (min-width: 1536px) {
    .search-results__pageContent ul li .search_results--contentWrapper {
        width: 85%
    }
}

@media only screen and (min-width: 2600px) {
    .search-results__pageContent ul li .search_results--contentWrapper {
        width: 90%
    }
}

.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: 80%;
        display: table-cell;
        font-size: 0.875rem
    }
}

@media only screen and (min-width: 1100px) {
    .search-results__pageContent ul li .search_results--contentWrapper .search_results--link {
        font-size: 1rem
    }
}

.light-mode .search-results__pageContent ul li .search_results--contentWrapper .search_results--link a {
    color: #191b2a
}

.dark-mode .search-results__pageContent ul li .search_results--contentWrapper .search_results--link a {
    color: #FFFFFF
}

.light-mode .search-results__pageContent ul li .search_results--contentWrapper .search_results--link a:hover {
    color: #1e5c85
}

.dark-mode .search-results__pageContent ul li .search_results--contentWrapper .search_results--link a:hover {
    color: #daedff
}

.search-results__pageContent ul li .search_results--contentWrapper .search_results--price {
    width: 100%;
    display: block;
    float: left;
    vertical-align: middle;
    text-align: left;
    padding: 0.5rem;
    font-size: 0.75rem;
    font-weight: 700
}

@media only screen and (min-width: 768px) {
    .search-results__pageContent ul li .search_results--contentWrapper .search_results--price {
        width: auto;
        display: table-cell;
        float: none;
        text-align: right;
        font-size: 0.875rem;
        padding: 0 0.5rem
    }
}

.light-mode .search-results__pageContent ul li .search_results--contentWrapper .search_results--price a {
    color: #191b2a
}

.dark-mode .search-results__pageContent ul li .search_results--contentWrapper .search_results--price a {
    color: #FFFFFF
}

.light-mode .search-results__pageContent ul li .search_results--contentWrapper .search_results--price a:hover {
    color: #1e5c85
}

.dark-mode .search-results__pageContent ul li .search_results--contentWrapper .search_results--price a:hover {
    color: #daedff
}

.search-results__pageContent ul li .search_results--button {
    width: 60px;
    display: block;
    float: right;
    text-align: right;
    vertical-align: middle;
    padding-left: 0.5rem
}

@media only screen and (min-width: 600px) {
    .search-results__pageContent ul li .search_results--button {
        width: 10%
    }
}

@media only screen and (min-width: 768px) {
    .search-results__pageContent ul li .search_results--button {
        display: table-cell;
        width: auto;
        float: none;
        text-align: right
    }
}

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

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

.wrapper__pageTitle > section {
    text-align: center;
    padding: 1rem 0
}

@media only screen and (min-width: 1100px) {
    .wrapper__pageTitle > section {
        padding: 2rem 0
    }
}

.wrapper__pageTitle.wrapper__pageTitle--rating .product--rating {
    margin-top: 0.5rem
}

.wrapper__pageTitle.wrapper__pageTitle--rating .product--rating li svg {
    width: 16px;
    height: 16px
}

.light-mode .wrapper__pageTitle.wrapper__pageTitle--rating .product--rating li svg.shape-star-empty {
    fill: rgba(191, 191, 191, 0.5)
}

.dark-mode .wrapper__pageTitle.wrapper__pageTitle--rating .product--rating li svg.shape-star-empty {
    fill: rgba(191, 191, 191, 0.5)
}

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

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

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

.wrapper__pageTitle .pageTitle {
    font-size: 1.25rem;
    line-height: 1
}

.light-mode .wrapper__pageTitle .pageTitle {
    color: #ffffff
}

.dark-mode .wrapper__pageTitle .pageTitle {
    color: #FFFFFF
}

@media only screen and (min-width: 768px) {
    .wrapper__pageTitle .pageTitle {
        font-size: 1.5rem
    }
}

@media only screen and (min-width: 1100px) {
    .wrapper__pageTitle .pageTitle {
        font-size: 2rem
    }
}

.wrapper__pageTitle .pageTitle--categoryTitle {
    font-size: 0.75rem;
    margin-bottom: 0.5rem;
    text-transform: uppercase
}

@media only screen and (min-width: 1100px) {
    .wrapper__pageTitle .pageTitle--categoryTitle {
        font-size: 0.875rem
    }
}

.wrapper__pageTitle .pageTitle--categoryTitle a {
    text-decoration: underline
}

.light-mode .wrapper__pageTitle .pageTitle--categoryTitle a {
    color: #838de2
}

.dark-mode .wrapper__pageTitle .pageTitle--categoryTitle a {
    color: #9ca1da
}

.wrapper__pageTitle .pageTitle--categoryTitle a:hover {
    color: #ffffff
}

.wrapper__pageTitle .user {
    font-size: 0.875rem
}

@media only screen and (min-width: 1100px) {
    .wrapper__pageTitle .user {
        font-size: 1.125rem
    }
}

.wrapper__pageTitle .user a {
    font-weight: 700;
    display: inline-block;
    font-size: 0.875rem;
    margin-left: 0.5rem
}

.light-mode .wrapper__pageTitle .user a {
    color: #c3c8ef
}

.dark-mode .wrapper__pageTitle .user a {
    color: #aaadcd
}

.wrapper__pageTitle .user a img {
    margin-right: 12px;
    border: 2px solid white
}

@media only screen and (min-width: 1100px) {
    .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: 1100px) {
    .wrapper__pageTitle .user img {
        max-width: 48px
    }
}

#user-generic .wrapper__pageTitle, #user-profile .wrapper__pageTitle, #user-preferences .wrapper__pageTitle, #user-comments .wrapper__pageTitle, #user-topics .wrapper__pageTitle, #user-saved-partlists .wrapper__pageTitle, #user-completed-builds .wrapper__pageTitle, #user-favorite-products .wrapper__pageTitle, #user-inventory-products .wrapper__pageTitle, #user-saved-partlist-edit .wrapper__pageTitle, #messages .wrapper__pageTitle {
    text-align: center
}

.light-mode #user-generic .wrapper__pageTitle, .light-mode #user-profile .wrapper__pageTitle, .light-mode #user-preferences .wrapper__pageTitle, .light-mode #user-comments .wrapper__pageTitle, .light-mode #user-topics .wrapper__pageTitle, .light-mode #user-saved-partlists .wrapper__pageTitle, .light-mode #user-completed-builds .wrapper__pageTitle, .light-mode #user-favorite-products .wrapper__pageTitle, .light-mode #user-inventory-products .wrapper__pageTitle, .light-mode #user-saved-partlist-edit .wrapper__pageTitle, .light-mode #messages .wrapper__pageTitle {
    color: #ffffff
}

.dark-mode #user-generic .wrapper__pageTitle, .dark-mode #user-profile .wrapper__pageTitle, .dark-mode #user-preferences .wrapper__pageTitle, .dark-mode #user-comments .wrapper__pageTitle, .dark-mode #user-topics .wrapper__pageTitle, .dark-mode #user-saved-partlists .wrapper__pageTitle, .dark-mode #user-completed-builds .wrapper__pageTitle, .dark-mode #user-favorite-products .wrapper__pageTitle, .dark-mode #user-inventory-products .wrapper__pageTitle, .dark-mode #user-saved-partlist-edit .wrapper__pageTitle, .dark-mode #messages .wrapper__pageTitle {
    color: #FFFFFF
}

@media only screen and (min-width: 768px) {
    #user-generic .wrapper__pageTitle, #user-profile .wrapper__pageTitle, #user-preferences .wrapper__pageTitle, #user-comments .wrapper__pageTitle, #user-topics .wrapper__pageTitle, #user-saved-partlists .wrapper__pageTitle, #user-completed-builds .wrapper__pageTitle, #user-favorite-products .wrapper__pageTitle, #user-inventory-products .wrapper__pageTitle, #user-saved-partlist-edit .wrapper__pageTitle, #messages .wrapper__pageTitle {
        text-align: left
    }
}

.light-mode #products .wrapper__pageTitle, .light-mode #product-page .wrapper__pageTitle, .light-mode #product-compare .wrapper__pageTitle {
    color: #bfbfbf;
    background-color: #545578
}

.dark-mode #products .wrapper__pageTitle, .dark-mode #product-page .wrapper__pageTitle, .dark-mode #product-compare .wrapper__pageTitle {
    color: #bfbfbf;
    background-color: #3D3D54
}

.light-mode #buildguide-index .wrapper__pageTitle, .light-mode #buildguide-view .wrapper__pageTitle {
    color: #bfbfbf;
    background-color: #545578
}

.dark-mode #buildguide-index .wrapper__pageTitle, .dark-mode #buildguide-view .wrapper__pageTitle {
    color: #bfbfbf;
    background-color: #3D3D54
}

#buildguide-index .wrapper__pageTitle h4, #buildguide-view .wrapper__pageTitle h4 {
    text-transform: uppercase;
    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: 1536px) {
    #buildguide-index .wrapper__pageTitle h4, #buildguide-view .wrapper__pageTitle h4 {
        font-size: 1rem
    }
}

#buildguide-index .wrapper__pageTitle .pageTitle, #buildguide-view .wrapper__pageTitle .pageTitle {
    line-height: 1
}

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

.dark-mode #userbuild-index .wrapper__pageTitle, .dark-mode #userbuild-view .wrapper__pageTitle, .dark-mode #userbuild-edit .wrapper__pageTitle, .dark-mode #userbuild-edit-description .wrapper__pageTitle, .dark-mode #userbuild-edit-images .wrapper__pageTitle, .dark-mode #userbuild-pick-partlist .wrapper__pageTitle, .dark-mode #userbuild-edit-reviews .wrapper__pageTitle {
    color: #bfbfbf;
    background-color: #3D3D54
}

#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 {
    text-transform: uppercase;
    margin-bottom: 0.5rem;
    font-size: 0.75rem
}

@media only screen and (min-width: 768px) {
    #userbuild-index .wrapper__pageTitle h4, #userbuild-view .wrapper__pageTitle h4, #userbuild-edit .wrapper__pageTitle h4, #userbuild-edit-description .wrapper__pageTitle h4, #userbuild-edit-images .wrapper__pageTitle h4, #userbuild-pick-partlist .wrapper__pageTitle h4, #userbuild-edit-reviews .wrapper__pageTitle h4 {
        font-size: 0.875rem
    }
}

@media only screen and (min-width: 1536px) {
    #userbuild-index .wrapper__pageTitle h4, #userbuild-view .wrapper__pageTitle h4, #userbuild-edit .wrapper__pageTitle h4, #userbuild-edit-description .wrapper__pageTitle h4, #userbuild-edit-images .wrapper__pageTitle h4, #userbuild-pick-partlist .wrapper__pageTitle h4, #userbuild-edit-reviews .wrapper__pageTitle h4 {
        font-size: 1rem
    }
}

#userbuild-index .wrapper__pageTitle .pageTitle, #userbuild-view .wrapper__pageTitle .pageTitle, #userbuild-edit .wrapper__pageTitle .pageTitle, #userbuild-edit-description .wrapper__pageTitle .pageTitle, #userbuild-edit-images .wrapper__pageTitle .pageTitle, #userbuild-pick-partlist .wrapper__pageTitle .pageTitle, #userbuild-edit-reviews .wrapper__pageTitle .pageTitle {
    line-height: 1
}

#userbuild-index .wrapper__pageTitle .user, #userbuild-view .wrapper__pageTitle .user, #userbuild-edit .wrapper__pageTitle .user, #userbuild-edit-description .wrapper__pageTitle .user, #userbuild-edit-images .wrapper__pageTitle .user, #userbuild-pick-partlist .wrapper__pageTitle .user, #userbuild-edit-reviews .wrapper__pageTitle .user {
    margin-top: 1rem
}

.light-mode #userbuild-index .wrapper__pageTitle .user a, .light-mode #userbuild-view .wrapper__pageTitle .user a, .light-mode #userbuild-edit .wrapper__pageTitle .user a, .light-mode #userbuild-edit-description .wrapper__pageTitle .user a, .light-mode #userbuild-edit-images .wrapper__pageTitle .user a, .light-mode #userbuild-pick-partlist .wrapper__pageTitle .user a, .light-mode #userbuild-edit-reviews .wrapper__pageTitle .user a {
    color: #9c7bd0
}

.dark-mode #userbuild-index .wrapper__pageTitle .user a, .dark-mode #userbuild-view .wrapper__pageTitle .user a, .dark-mode #userbuild-edit .wrapper__pageTitle .user a, .dark-mode #userbuild-edit-description .wrapper__pageTitle .user a, .dark-mode #userbuild-edit-images .wrapper__pageTitle .user a, .dark-mode #userbuild-pick-partlist .wrapper__pageTitle .user a, .dark-mode #userbuild-edit-reviews .wrapper__pageTitle .user a {
    color: #b69cda
}

.pagination li {
    display: inline-block
}

.pagination li a {
    display: block;
    padding: 0.5rem 1rem
}

.pagination li a.pagination--current {
    font-weight: 700;
    background-color: #2c87c3;
    color: #ffffff
}

.pagination li a.pagination--current:hover {
    text-decoration: none
}

#login, #register {
    height: 100vh
}

.light-mode #login, .light-mode #register {
    background-color: #26293b
}

.dark-mode #login, .dark-mode #register {
    background-color: #181827
}

#login .wrapper, #register .wrapper {
    padding: 0
}

#login .wrapper__pageTitle, #login .wrapper__pageContent, #register .wrapper__pageTitle, #register .wrapper__pageContent {
    background: transparent
}

#login .card, #register .card {
    overflow: hidden;
    padding: 1.5rem;
    margin-bottom: 3rem;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    -khtml-border-radius: 0.5rem;
    box-shadow: 0px 18px 35px 0px rgba(0, 0, 0, 0.29), 0px 6px 10px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 18px 35px 0px rgba(0, 0, 0, 0.29), 0px 6px 10px 0px rgba(0, 0, 0, 0.5)
}

.light-mode #login .card, .light-mode #register .card {
    background-color: #f4f4f3
}

.dark-mode #login .card, .dark-mode #register .card {
    background-color: #3D3D54
}

@media only screen and (min-width: 768px) {
    #login .card, #register .card {
        padding: 2.5rem
    }
}

@media only screen and (min-width: 1100px) {
    #login .card, #register .card {
        padding: 3rem
    }
}

#login .card .block, #register .card .block {
    position: relative
}

#login .card .block:last-of-type, #register .card .block:last-of-type {
    margin-bottom: 0
}

#login .card h1, #register .card h1 {
    color: #ffffff;
    text-align: center;
    padding-bottom: 3rem
}

#login .card .wrapper-formField .button, #register .card .wrapper-formField .button {
    width: 100%;
    margin-top: 0
}

.search_results ul {
    margin-top: 2rem
}

.search_results ul li {
    overflow: hidden;
    padding: 0.5rem 0;
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.light-mode .search_results ul li {
    border-color: #3a3f5a
}

.dark-mode .search_results ul li {
    border-color: #2b2b47
}

.search_results ul li:last-of-type {
    border-bottom: none
}

.search_results ul li .search_results--img {
    float: left;
    background: #ffffff;
    margin-right: 1rem;
    display: block;
    width: 64px;
    height: 64px;
    padding: 4px;
    text-align: center
}

.search_results ul li .search_results--img img {
    max-width: 100%;
    max-height: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    vertical-align: middle;
    height: auto
}

.search_results ul li .search_results--link {
    width: 60%;
    float: left;
    display: block;
    padding-top: 0;
    font-size: 0.75rem;
    font-weight: 700
}

@media only screen and (min-width: 768px) {
    .search_results ul li .search_results--link {
        width: 70%;
        padding-top: 0.5rem;
        font-size: 0.875rem
    }
}

.search_results ul li .search_results--link .search_results--category {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase
}

.light-mode .search_results ul li .search_results--link .search_results--category {
    color: #929292
}

.dark-mode .search_results ul li .search_results--link .search_results--category {
    color: #717184
}

.search_results ul li .search_results--typeahead {
    color: #ffffff;
    font-weight: 700
}

.search_results ul li .button {
    float: right;
    margin-top: 12px
}

@media only screen and (min-width: 768px) {
    .search_results ul li .button {
        margin-top: 14px
    }
}

.subTitle {
    margin-bottom: 1rem;
    position: relative;
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.light-mode .subTitle {
    border-color: #EAEAEA
}

.dark-mode .subTitle {
    border-color: #717184
}

.subTitle .subTitle__header {
    padding-bottom: 0.5rem
}

.subTitle .subTitle__header h2 {
    font-size: 1.125rem
}

.subTitle .subTitle__form {
    top: 0
}

@media only screen and (min-width: 768px) {
    .subTitle .subTitle__form {
        position: absolute;
        bottom: 0px;
        right: 0;
        width: auto
    }
}

.subTitle .subTitle__form form {
    display: inline-block
}

.subTitle .subTitle__form form select {
    border: 0;
    font-size: 0.75rem
}

.subTitle .subTitle__form form input {
    font-size: 0.75rem;
    padding: 0.375rem 0.5rem
}

.subTitle .subTitle__form form label {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700
}

@media only screen and (min-width: 768px) {
    .subTitle .subTitle__form form label {
        margin-left: 1rem
    }
}

.subTitle--button .button {
    padding: 0.125rem 0.375rem;
    font-size: 0.75rem !important
}

#partlist_render .partlist__title {
    text-align: center;
    margin-bottom: 1rem
}

#partlist_render .partlist__title h2 {
    font-size: 1.5rem;
    line-height: 1.125;
    margin-bottom: 1rem
}

@media only screen and (min-width: 1100px) {
    #partlist_render .partlist__title h2 {
        font-size: 2rem
    }
}

#partlist_render .partlist__title h2 a {
    font-weight: 700
}

#partlist_render .partlist__title .partlist__title--actions {
    display: block;
    margin: 1rem 0
}

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

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

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

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

#product-page .price-history .subTitle .subTitle__form, #product-page .partReviews .subTitle .subTitle__form {
    position: absolute;
    bottom: 0px;
    right: 0;
    width: auto
}

.table, table {
    font-variant-numeric: tabular-nums;
    -moz-font-feature-settings: "tnum" 1;
    -moz-font-feature-settings: "tnum=1";
    -webkit-font-feature-settings: "tnum" 1;
    font-feature-settings: "tnum" 1;
    border-collapse: collapse;
    border-spacing: 0;
    max-width: 100%;
    width: 100%
}

.table th.priority--0, .table td.priority--0, .table th.priority--1, .table td.priority--1, .table th.priority--2, .table td.priority--2, .table th.priority--3, .table td.priority--3, .table th.priority--4, .table td.priority--4, .table th.priority--5, .table td.priority--5, .table th.priority--6, .table td.priority--6, .table th.priority--7, .table td.priority--7, .table th.priority--8, .table td.priority--8, table th.priority--0, table td.priority--0, table th.priority--1, table td.priority--1, table th.priority--2, table td.priority--2, table th.priority--3, table td.priority--3, table th.priority--4, table td.priority--4, table th.priority--5, table td.priority--5, table th.priority--6, table td.priority--6, table th.priority--7, table td.priority--7, table th.priority--8, table td.priority--8 {
    display: none
}

@media (min-width: 500px) {
    .table td.priority--0, .table th.priority--0, table td.priority--0, table th.priority--0 {
        display: table-cell
    }
}

@media (min-width: 650px) {
    .table td.priority--1, .table th.priority--1, table td.priority--1, table th.priority--1 {
        display: table-cell
    }
}

@media (min-width: 1152px) {
    .table td.priority--2, .table th.priority--2, table td.priority--2, table th.priority--2 {
        display: table-cell
    }
}

@media (min-width: 1536px) {
    .table td.priority--3, .table th.priority--3, table td.priority--3, table th.priority--3 {
        display: table-cell
    }
}

@media (min-width: 1920px) {
    .table td.priority--4, .table th.priority--4, table td.priority--4, table th.priority--4 {
        display: table-cell
    }
}

@media (min-width: 2304px) {
    .table td.priority--5, .table th.priority--5, table td.priority--5, table th.priority--5 {
        display: table-cell
    }
}

@media (min-width: 2688px) {
    .table td.priority--6, .table th.priority--6, table td.priority--6, table th.priority--6 {
        display: table-cell
    }
}

@media (min-width: 3072px) {
    .table td.priority--7, .table th.priority--7, table td.priority--7, table th.priority--7 {
        display: table-cell
    }
}

@media (min-width: 3456px) {
    .table td.priority--8, .table th.priority--8, table td.priority--8, table th.priority--8 {
        display: table-cell
    }
}

@media (min-width: 400px) and (max-width: 600px),(min-width: 1023px) {
    .table td.specialClass, .table .th.specialClass, table td.specialClass, table .th.specialClass {
        display: table-cell
    }
}

.table .tr, .table tr, table .tr, table tr {
    border-top-style: solid;
    border-top-width: 1px
}

.light-mode .table .tr, .light-mode .table tr, .light-mode table .tr, .light-mode table tr {
    border-color: #dbdbdb
}

.dark-mode .table .tr, .dark-mode .table tr, .dark-mode table .tr, .dark-mode table tr {
    border-color: #37374d
}

.table .tr:first-of-type, .table tr:first-of-type, table .tr:first-of-type, table tr:first-of-type {
    border-top: none
}

.table .tr.tr--noBorder, .table tr.tr--noBorder, table .tr.tr--noBorder, table tr.tr--noBorder {
    border: none
}

.table .tr .td, .table .tr td, .table tr .td, .table tr td, table .tr .td, table .tr td, table tr .td, table tr td {
    vertical-align: middle
}

.table .tr .td.td--nowrap, .table .tr td.td--nowrap, .table tr .td.td--nowrap, .table tr td.td--nowrap, table .tr .td.td--nowrap, table .tr td.td--nowrap, table tr .td.td--nowrap, table tr td.td--nowrap {
    white-space: nowrap
}

.table .tr .td.td--empty:after, .table .tr td.td--empty:after, .table tr .td.td--empty:after, .table tr td.td--empty:after, table .tr .td.td--empty:after, table .tr td.td--empty:after, table tr .td.td--empty:after, table tr td.td--empty:after {
    content: "";
    display: block;
    width: 18px;
    height: 2px
}

.light-mode .table .tr .td.td--empty:after, .light-mode .table .tr td.td--empty:after, .light-mode .table tr .td.td--empty:after, .light-mode .table tr td.td--empty:after, .light-mode table .tr .td.td--empty:after, .light-mode table .tr td.td--empty:after, .light-mode table tr .td.td--empty:after, .light-mode table tr td.td--empty:after {
    background-color: rgba(25, 27, 42, 0.1)
}

.dark-mode .table .tr .td.td--empty:after, .dark-mode .table .tr td.td--empty:after, .dark-mode .table tr .td.td--empty:after, .dark-mode .table tr td.td--empty:after, .dark-mode table .tr .td.td--empty:after, .dark-mode table .tr td.td--empty:after, .dark-mode table tr .td.td--empty:after, .dark-mode table tr td.td--empty:after {
    background-color: rgba(255, 255, 255, 0.1)
}

@media (max-width: 1049px) {
    .table .tr .td.td--empty:after, .table .tr td.td--empty:after, .table tr .td.td--empty:after, .table tr td.td--empty:after, table .tr .td.td--empty:after, table .tr td.td--empty:after, table tr .td.td--empty:after, table tr td.td--empty:after {
        margin: 8px 0
    }
}

.table .tr .td.td__remove, .table .tr td.td__remove, .table tr .td.td__remove, .table tr td.td__remove, table .tr .td.td__remove, table .tr td.td__remove, table tr .td.td__remove, table tr td.td__remove {
    text-align: right;
    line-height: 0
}

.table .tr .td.td__remove svg, .table .tr td.td__remove svg, .table tr .td.td__remove svg, .table tr td.td__remove svg, table .tr .td.td__remove svg, table .tr td.td__remove svg, table tr .td.td__remove svg, table tr td.td__remove svg {
    transition: fill 0.45s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.light-mode .table .tr .td.td__remove svg, .light-mode .table .tr td.td__remove svg, .light-mode .table tr .td.td__remove svg, .light-mode .table tr td.td__remove svg, .light-mode table .tr .td.td__remove svg, .light-mode table .tr td.td__remove svg, .light-mode table tr .td.td__remove svg, .light-mode table tr td.td__remove svg {
    fill: #929292
}

.dark-mode .table .tr .td.td__remove svg, .dark-mode .table .tr td.td__remove svg, .dark-mode .table tr .td.td__remove svg, .dark-mode .table tr td.td__remove svg, .dark-mode table .tr .td.td__remove svg, .dark-mode table .tr td.td__remove svg, .dark-mode table tr .td.td__remove svg, .dark-mode table tr td.td__remove svg {
    fill: #717184
}

.table .tr .td.td__remove svg:hover, .table .tr td.td__remove svg:hover, .table tr .td.td__remove svg:hover, .table tr td.td__remove svg:hover, table .tr .td.td__remove svg:hover, table .tr td.td__remove svg:hover, table tr .td.td__remove svg:hover, table tr td.td__remove svg:hover {
    transition: fill 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.light-mode .table .tr .td.td__remove svg:hover, .light-mode .table .tr td.td__remove svg:hover, .light-mode .table tr .td.td__remove svg:hover, .light-mode .table tr td.td__remove svg:hover, .light-mode table .tr .td.td__remove svg:hover, .light-mode table .tr td.td__remove svg:hover, .light-mode table tr .td.td__remove svg:hover, .light-mode table tr td.td__remove svg:hover {
    fill: #d91e18
}

.dark-mode .table .tr .td.td__remove svg:hover, .dark-mode .table .tr td.td__remove svg:hover, .dark-mode .table tr .td.td__remove svg:hover, .dark-mode .table tr td.td__remove svg:hover, .dark-mode table .tr .td.td__remove svg:hover, .dark-mode table .tr td.td__remove svg:hover, .dark-mode table tr .td.td__remove svg:hover, .dark-mode table tr td.td__remove svg:hover {
    fill: #ff4560
}

.table .tr .td:last-child, .table .tr td:last-child, .table tr .td:last-child, .table tr td:last-child, table .tr .td:last-child, table .tr td:last-child, table tr .td:last-child, table tr td:last-child {
    padding-right: 0
}

.table .tr .td img, .table .tr td img, .table tr .td img, .table tr td img, table .tr .td img, table .tr td img, table tr .td img, table tr td img {
    vertical-align: middle
}

.table .th, .table th, table .th, table th {
    padding: 0.5rem 0.5rem 0.5rem 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-size: 0.6875rem;
    line-height: 1;
    font-weight: normal;
    text-align: left;
    vertical-align: bottom
}

.light-mode .table .th, .light-mode .table th, .light-mode table .th, .light-mode table th {
    border-color: #dbdbdb;
    color: #26293b
}

.dark-mode .table .th, .dark-mode .table th, .dark-mode table .th, .dark-mode table th {
    border-color: #37374d;
    color: #B8B8C8
}

.table .th .tablesorter-header-inner, .table th .tablesorter-header-inner, table .th .tablesorter-header-inner, table th .tablesorter-header-inner {
    display: flex;
    align-items: flex-end
}

.table .th p, .table th p, table .th p, table th p {
    display: inline-block
}

.table .th span, .table th span, table .th span, table th span {
    align-self: flex-end;
    margin-right: 2px
}

.table .th:last-child, .table th:last-child, table .th:last-child, table th:last-child {
    padding-right: 0
}

.table .td, .table td, table .td, table td {
    padding: 0.5rem 1.5rem 0.5rem 0;
    vertical-align: middle
}

.table .td:last-child, .table td:last-child, table .td:last-child, table td:last-child {
    padding-right: 0
}

.table .thead .tr, .table .thead tr, .table thead .tr, .table thead tr, table .thead .tr, table .thead tr, table thead .tr, table thead tr {
    border-top: 0
}

.partlist--mini tr {
    border: none
}

.partlist--mini tr:first-of-type .td__component {
    border: none
}

.partlist--mini tr.tr__total .td__label, .partlist--mini tr.tr__total .td__price {
    font-weight: 700
}

.partlist--mini tr.tr__total--grandtotal .td__label {
    font-weight: 700;
    text-transform: uppercase
}

.partlist--mini td {
    padding: 0 0 0.5rem;
    height: auto;
    margin-bottom: 0;
    font-size: 0.75rem;
    vertical-align: top
}

.light-mode .partlist--mini td {
    color: #191b2a
}

.dark-mode .partlist--mini td {
    color: #FFFFFF
}

.partlist--mini td:last-of-type {
    border-bottom: 0
}

.partlist--mini td h4 {
    font-size: 0.6875rem;
    font-weight: 500
}

.light-mode .partlist--mini td h4 {
    color: #929292
}

.dark-mode .partlist--mini td h4 {
    color: #717184
}

.partlist--mini td.td__component {
    border-top-style: solid;
    border-top-width: 1px;
    padding-bottom: calc(0.5rem / 2);
    padding-top: 0.5rem
}

.light-mode .partlist--mini td.td__component {
    border-color: #dbdbdb
}

.dark-mode .partlist--mini td.td__component {
    border-color: #37374d
}

.partlist--mini td.td__image {
    padding-right: 0.5rem
}

.partlist--mini td.td__image a {
    display: block;
    height: 36px;
    width: 36px;
    text-align: center;
    background-color: #ffffff
}

.partlist--mini td.td__image a img {
    max-width: 100%;
    max-height: 100%
}

.partlist--mini td.td__name {
    line-height: 1.25
}

.partlist--mini td.td__name a {
    display: block;
    font-weight: 700;
    color: #191b2a
}

.light-mode .partlist--mini td.td__name a {
    color: #191b2a
}

.dark-mode .partlist--mini td.td__name a {
    color: #FFFFFF
}

.light-mode .partlist--mini td.td__name a:hover {
    color: #1e5c85
}

.dark-mode .partlist--mini td.td__name a:hover {
    color: #daedff
}

.partlist--mini td.td__name .td__price {
    margin-top: 0.25rem
}

.partlist--mini td.td__name p {
    font-size: 0.75rem
}

.partlist--mini td.td__name .product--rating li svg {
    width: 10px;
    height: 10px
}

.partlist--mini td.td__price {
    padding-bottom: 0.5rem;
    text-align: right
}

.benchmarks-products tr td.td__image {
    padding-right: 0.5rem
}

.benchmarks-products tr td.td__image a {
    display: block;
    height: 50px;
    width: 50px;
    text-align: center;
    background-color: #ffffff
}

.benchmarks-products tr td.td__image a img {
    max-width: 100%;
    max-height: 100%
}

.benchmarks-products tr td.td__name {
    font-size: 0.875rem;
    vertical-align: middle
}

.benchmarks-products tr td.td__name a {
    display: block;
    font-weight: 700;
    color: #191b2a
}

.light-mode .benchmarks-products tr td.td__name a {
    color: #191b2a
}

.dark-mode .benchmarks-products tr td.td__name a {
    color: #FFFFFF
}

.light-mode .benchmarks-products tr td.td__name a:hover {
    color: #1e5c85
}

.dark-mode .benchmarks-products tr td.td__name a:hover {
    color: #daedff
}

ul.benchmarks__list {
    padding-left: 1rem
}

ul.benchmarks__list li {
    padding-bottom: 1rem
}

.benchmarks__list--blog ul {
    padding-left: 1rem
}

.benchmarks__list--blog ul li {
    padding-bottom: 1rem
}

.benchmarks__list--blog .benchmarks__head--topic {
    border-color: #dbdbdb;
    padding: 0.5rem 0.5rem 0.5rem 0;
    margin-bottom: 1rem;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-size: 0.6875rem;
    line-height: 1;
    font-weight: normal;
    text-align: left;
    vertical-align: bottom
}

.light-mode .benchmarks__list--blog .benchmarks__head--topic {
    color: #191b2a
}

.dark-mode .benchmarks__list--blog .benchmarks__head--topic {
    color: #FFFFFF
}

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

.partlist--totals td {
    padding: 0.5rem 0 0 0
}

.partlist--log tr {
    border-top-style: solid;
    border-top-width: 1px
}

.light-mode .partlist--log tr {
    border-color: #dbdbdb
}

.dark-mode .partlist--log tr {
    border-color: #37374d
}

.partlist--log td {
    padding: 0.5rem 0
}

.partlist--log td.td__price {
    padding-top: 23px
}

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

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

#partlist .partlist__metrics, #user-saved-partlists .partlist__metrics, #user-completed-builds .partlist__metrics, #user-favorite-products .partlist__metrics, #user-inventory-products .partlist__metrics, #userbuild-pick-partlist .partlist__metrics, #buildguide-view .partlist__metrics {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    margin-bottom: 2rem;
    color: #ffffff;
    border-style: solid;
    border-width: 1px;
    border-top: 0;
    font-size: 0.875rem
}

.light-mode #partlist .partlist__metrics, .light-mode #user-saved-partlists .partlist__metrics, .light-mode #user-completed-builds .partlist__metrics, .light-mode #user-favorite-products .partlist__metrics, .light-mode #user-inventory-products .partlist__metrics, .light-mode #userbuild-pick-partlist .partlist__metrics, .light-mode #buildguide-view .partlist__metrics {
    border-color: #191b2a
}

.dark-mode #partlist .partlist__metrics, .dark-mode #user-saved-partlists .partlist__metrics, .dark-mode #user-completed-builds .partlist__metrics, .dark-mode #user-favorite-products .partlist__metrics, .dark-mode #user-inventory-products .partlist__metrics, .dark-mode #userbuild-pick-partlist .partlist__metrics, .dark-mode #buildguide-view .partlist__metrics {
    border-color: #09090F
}

@media only screen and (min-width: 1100px) {
    #partlist .partlist__metrics, #user-saved-partlists .partlist__metrics, #user-completed-builds .partlist__metrics, #user-favorite-products .partlist__metrics, #user-inventory-products .partlist__metrics, #userbuild-pick-partlist .partlist__metrics, #buildguide-view .partlist__metrics {
        -ms-grid-columns: 1fr auto;
        grid-template-columns:1fr auto;
        border-bottom-style: solid;
        border-bottom-width: 1px
    }

    .light-mode #partlist .partlist__metrics, .light-mode #user-saved-partlists .partlist__metrics, .light-mode #user-completed-builds .partlist__metrics, .light-mode #user-favorite-products .partlist__metrics, .light-mode #user-inventory-products .partlist__metrics, .light-mode #userbuild-pick-partlist .partlist__metrics, .light-mode #buildguide-view .partlist__metrics {
        border-color: #191b2a
    }

    .dark-mode #partlist .partlist__metrics, .dark-mode #user-saved-partlists .partlist__metrics, .dark-mode #user-completed-builds .partlist__metrics, .dark-mode #user-favorite-products .partlist__metrics, .dark-mode #user-inventory-products .partlist__metrics, .dark-mode #userbuild-pick-partlist .partlist__metrics, .dark-mode #buildguide-view .partlist__metrics {
        border-color: #09090F
    }
}

#partlist .partlist__metrics .partlist__compatibility, #user-saved-partlists .partlist__metrics .partlist__compatibility, #user-completed-builds .partlist__metrics .partlist__compatibility, #user-favorite-products .partlist__metrics .partlist__compatibility, #user-inventory-products .partlist__metrics .partlist__compatibility, #userbuild-pick-partlist .partlist__metrics .partlist__compatibility, #buildguide-view .partlist__metrics .partlist__compatibility {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    -ms-grid-row: 1
}

.light-mode #partlist .partlist__metrics .partlist__compatibility, .light-mode #user-saved-partlists .partlist__metrics .partlist__compatibility, .light-mode #user-completed-builds .partlist__metrics .partlist__compatibility, .light-mode #user-favorite-products .partlist__metrics .partlist__compatibility, .light-mode #user-inventory-products .partlist__metrics .partlist__compatibility, .light-mode #userbuild-pick-partlist .partlist__metrics .partlist__compatibility, .light-mode #buildguide-view .partlist__metrics .partlist__compatibility {
    border-color: #191b2a
}

.dark-mode #partlist .partlist__metrics .partlist__compatibility, .dark-mode #user-saved-partlists .partlist__metrics .partlist__compatibility, .dark-mode #user-completed-builds .partlist__metrics .partlist__compatibility, .dark-mode #user-favorite-products .partlist__metrics .partlist__compatibility, .dark-mode #user-inventory-products .partlist__metrics .partlist__compatibility, .dark-mode #userbuild-pick-partlist .partlist__metrics .partlist__compatibility, .dark-mode #buildguide-view .partlist__metrics .partlist__compatibility {
    border-color: #09090F
}

@media only screen and (min-width: 1100px) {
    #partlist .partlist__metrics .partlist__compatibility, #user-saved-partlists .partlist__metrics .partlist__compatibility, #user-completed-builds .partlist__metrics .partlist__compatibility, #user-favorite-products .partlist__metrics .partlist__compatibility, #user-inventory-products .partlist__metrics .partlist__compatibility, #userbuild-pick-partlist .partlist__metrics .partlist__compatibility, #buildguide-view .partlist__metrics .partlist__compatibility {
        -ms-grid-column: 1;
        border-bottom: none;
        border-right-style: solid;
        border-right-width: 1px
    }

    .light-mode #partlist .partlist__metrics .partlist__compatibility, .light-mode #user-saved-partlists .partlist__metrics .partlist__compatibility, .light-mode #user-completed-builds .partlist__metrics .partlist__compatibility, .light-mode #user-favorite-products .partlist__metrics .partlist__compatibility, .light-mode #user-inventory-products .partlist__metrics .partlist__compatibility, .light-mode #userbuild-pick-partlist .partlist__metrics .partlist__compatibility, .light-mode #buildguide-view .partlist__metrics .partlist__compatibility {
        border-color: #191b2a
    }

    .dark-mode #partlist .partlist__metrics .partlist__compatibility, .dark-mode #user-saved-partlists .partlist__metrics .partlist__compatibility, .dark-mode #user-completed-builds .partlist__metrics .partlist__compatibility, .dark-mode #user-favorite-products .partlist__metrics .partlist__compatibility, .dark-mode #user-inventory-products .partlist__metrics .partlist__compatibility, .dark-mode #userbuild-pick-partlist .partlist__metrics .partlist__compatibility, .dark-mode #buildguide-view .partlist__metrics .partlist__compatibility {
        border-color: #09090F
    }
}

#partlist .partlist__metrics .partlist__compatibility p, #user-saved-partlists .partlist__metrics .partlist__compatibility p, #user-completed-builds .partlist__metrics .partlist__compatibility p, #user-favorite-products .partlist__metrics .partlist__compatibility p, #user-inventory-products .partlist__metrics .partlist__compatibility p, #userbuild-pick-partlist .partlist__metrics .partlist__compatibility p, #buildguide-view .partlist__metrics .partlist__compatibility p {
    padding: 0.5rem 1rem;
    color: rgba(255, 255, 255, 0.75);
    position: relative
}

#partlist .partlist__metrics .partlist__compatibility p span, #user-saved-partlists .partlist__metrics .partlist__compatibility p span, #user-completed-builds .partlist__metrics .partlist__compatibility p span, #user-favorite-products .partlist__metrics .partlist__compatibility p span, #user-inventory-products .partlist__metrics .partlist__compatibility p span, #userbuild-pick-partlist .partlist__metrics .partlist__compatibility p span, #buildguide-view .partlist__metrics .partlist__compatibility p span {
    color: #ffffff;
    font-weight: 700
}

#partlist .partlist__metrics .partlist__compatibility p svg, #user-saved-partlists .partlist__metrics .partlist__compatibility p svg, #user-completed-builds .partlist__metrics .partlist__compatibility p svg, #user-favorite-products .partlist__metrics .partlist__compatibility p svg, #user-inventory-products .partlist__metrics .partlist__compatibility p svg, #userbuild-pick-partlist .partlist__metrics .partlist__compatibility p svg, #buildguide-view .partlist__metrics .partlist__compatibility p svg {
    fill: #ffffff;
    margin-right: 0.5rem;
    position: relative;
    top: 3px
}

#partlist .partlist__metrics .partlist__compatibility p a, #user-saved-partlists .partlist__metrics .partlist__compatibility p a, #user-completed-builds .partlist__metrics .partlist__compatibility p a, #user-favorite-products .partlist__metrics .partlist__compatibility p a, #user-inventory-products .partlist__metrics .partlist__compatibility p a, #userbuild-pick-partlist .partlist__metrics .partlist__compatibility p a, #buildguide-view .partlist__metrics .partlist__compatibility p a {
    color: #ffffff;
    text-decoration: underline
}

#partlist .partlist__metrics .partlist__compatibility--noIssues, #user-saved-partlists .partlist__metrics .partlist__compatibility--noIssues, #user-completed-builds .partlist__metrics .partlist__compatibility--noIssues, #user-favorite-products .partlist__metrics .partlist__compatibility--noIssues, #user-inventory-products .partlist__metrics .partlist__compatibility--noIssues, #userbuild-pick-partlist .partlist__metrics .partlist__compatibility--noIssues, #buildguide-view .partlist__metrics .partlist__compatibility--noIssues {
    background-color: #00b16a
}

#partlist .partlist__metrics .partlist__compatibility--notes, #user-saved-partlists .partlist__metrics .partlist__compatibility--notes, #user-completed-builds .partlist__metrics .partlist__compatibility--notes, #user-favorite-products .partlist__metrics .partlist__compatibility--notes, #user-inventory-products .partlist__metrics .partlist__compatibility--notes, #userbuild-pick-partlist .partlist__metrics .partlist__compatibility--notes, #buildguide-view .partlist__metrics .partlist__compatibility--notes {
    background-color: #00b16a
}

#partlist .partlist__metrics .partlist__compatibility--warning, #user-saved-partlists .partlist__metrics .partlist__compatibility--warning, #user-completed-builds .partlist__metrics .partlist__compatibility--warning, #user-favorite-products .partlist__metrics .partlist__compatibility--warning, #user-inventory-products .partlist__metrics .partlist__compatibility--warning, #userbuild-pick-partlist .partlist__metrics .partlist__compatibility--warning, #buildguide-view .partlist__metrics .partlist__compatibility--warning {
    background-color: #ff9115
}

#partlist .partlist__metrics .partlist__compatibility--error, #user-saved-partlists .partlist__metrics .partlist__compatibility--error, #user-completed-builds .partlist__metrics .partlist__compatibility--error, #user-favorite-products .partlist__metrics .partlist__compatibility--error, #user-inventory-products .partlist__metrics .partlist__compatibility--error, #userbuild-pick-partlist .partlist__metrics .partlist__compatibility--error, #buildguide-view .partlist__metrics .partlist__compatibility--error {
    background-color: #d91e18
}

#partlist .partlist__metrics .partlist__keyMetric, #user-saved-partlists .partlist__metrics .partlist__keyMetric, #user-completed-builds .partlist__metrics .partlist__keyMetric, #user-favorite-products .partlist__metrics .partlist__keyMetric, #user-inventory-products .partlist__metrics .partlist__keyMetric, #userbuild-pick-partlist .partlist__metrics .partlist__keyMetric, #buildguide-view .partlist__metrics .partlist__keyMetric {
    text-align: left;
    background-color: #2c87c3;
    -ms-grid-row: 2
}

@media only screen and (min-width: 768px) {
    #partlist .partlist__metrics .partlist__keyMetric, #user-saved-partlists .partlist__metrics .partlist__keyMetric, #user-completed-builds .partlist__metrics .partlist__keyMetric, #user-favorite-products .partlist__metrics .partlist__keyMetric, #user-inventory-products .partlist__metrics .partlist__keyMetric, #userbuild-pick-partlist .partlist__metrics .partlist__keyMetric, #buildguide-view .partlist__metrics .partlist__keyMetric {
        text-align: right
    }
}

@media only screen and (min-width: 1100px) {
    #partlist .partlist__metrics .partlist__keyMetric, #user-saved-partlists .partlist__metrics .partlist__keyMetric, #user-completed-builds .partlist__metrics .partlist__keyMetric, #user-favorite-products .partlist__metrics .partlist__keyMetric, #user-inventory-products .partlist__metrics .partlist__keyMetric, #userbuild-pick-partlist .partlist__metrics .partlist__keyMetric, #buildguide-view .partlist__metrics .partlist__keyMetric {
        -ms-grid-row: 1;
        -ms-grid-column: 2
    }
}

#partlist .partlist__metrics .partlist__keyMetric a, #user-saved-partlists .partlist__metrics .partlist__keyMetric a, #user-completed-builds .partlist__metrics .partlist__keyMetric a, #user-favorite-products .partlist__metrics .partlist__keyMetric a, #user-inventory-products .partlist__metrics .partlist__keyMetric a, #userbuild-pick-partlist .partlist__metrics .partlist__keyMetric a, #buildguide-view .partlist__metrics .partlist__keyMetric a {
    display: block;
    font-weight: 700;
    padding: 0.5rem 1rem;
    color: #ffffff
}

#partlist .partlist__metrics .partlist__keyMetric svg, #user-saved-partlists .partlist__metrics .partlist__keyMetric svg, #user-completed-builds .partlist__metrics .partlist__keyMetric svg, #user-favorite-products .partlist__metrics .partlist__keyMetric svg, #user-inventory-products .partlist__metrics .partlist__keyMetric svg, #userbuild-pick-partlist .partlist__metrics .partlist__keyMetric svg, #buildguide-view .partlist__metrics .partlist__keyMetric svg {
    position: relative;
    margin-right: 0.5rem;
    top: 3px;
    fill: #ffffff
}

#partlist .partlist__metrics-2023, #user-saved-partlists .partlist__metrics-2023, #user-completed-builds .partlist__metrics-2023, #user-favorite-products .partlist__metrics-2023, #user-inventory-products .partlist__metrics-2023, #userbuild-pick-partlist .partlist__metrics-2023, #buildguide-view .partlist__metrics-2023 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    margin-bottom: 2rem;
    color: #ffffff;
    box-shadow: 2px 4px 12px rgba(25, 27, 42, 0.15);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0.5rem;
    border-top: 0;
    font-size: 0.875rem
}

@media only screen and (min-width: 1100px) {
    #partlist .partlist__metrics-2023, #user-saved-partlists .partlist__metrics-2023, #user-completed-builds .partlist__metrics-2023, #user-favorite-products .partlist__metrics-2023, #user-inventory-products .partlist__metrics-2023, #userbuild-pick-partlist .partlist__metrics-2023, #buildguide-view .partlist__metrics-2023 {
        border-bottom-left-radius: 0.5rem;
        border-bottom-right-radius: 0.5rem
    }
}

@media only screen and (min-width: 1100px) {
    #partlist .partlist__metrics-2023, #user-saved-partlists .partlist__metrics-2023, #user-completed-builds .partlist__metrics-2023, #user-favorite-products .partlist__metrics-2023, #user-inventory-products .partlist__metrics-2023, #userbuild-pick-partlist .partlist__metrics-2023, #buildguide-view .partlist__metrics-2023 {
        -ms-grid-columns: 1fr auto;
        grid-template-columns:1fr auto
    }
}

#partlist .partlist__metrics-2023 .partlist__compatibility, #user-saved-partlists .partlist__metrics-2023 .partlist__compatibility, #user-completed-builds .partlist__metrics-2023 .partlist__compatibility, #user-favorite-products .partlist__metrics-2023 .partlist__compatibility, #user-inventory-products .partlist__metrics-2023 .partlist__compatibility, #userbuild-pick-partlist .partlist__metrics-2023 .partlist__compatibility, #buildguide-view .partlist__metrics-2023 .partlist__compatibility {
    -ms-grid-row: 1
}

@media only screen and (min-width: 1100px) {
    #partlist .partlist__metrics-2023 .partlist__compatibility, #user-saved-partlists .partlist__metrics-2023 .partlist__compatibility, #user-completed-builds .partlist__metrics-2023 .partlist__compatibility, #user-favorite-products .partlist__metrics-2023 .partlist__compatibility, #user-inventory-products .partlist__metrics-2023 .partlist__compatibility, #userbuild-pick-partlist .partlist__metrics-2023 .partlist__compatibility, #buildguide-view .partlist__metrics-2023 .partlist__compatibility {
        -ms-grid-column: 1
    }
}

#partlist .partlist__metrics-2023 .partlist__compatibility p, #user-saved-partlists .partlist__metrics-2023 .partlist__compatibility p, #user-completed-builds .partlist__metrics-2023 .partlist__compatibility p, #user-favorite-products .partlist__metrics-2023 .partlist__compatibility p, #user-inventory-products .partlist__metrics-2023 .partlist__compatibility p, #userbuild-pick-partlist .partlist__metrics-2023 .partlist__compatibility p, #buildguide-view .partlist__metrics-2023 .partlist__compatibility p {
    padding: 0.5rem 1rem;
    color: rgba(255, 255, 255, 0.75);
    position: relative
}

#partlist .partlist__metrics-2023 .partlist__compatibility p span, #user-saved-partlists .partlist__metrics-2023 .partlist__compatibility p span, #user-completed-builds .partlist__metrics-2023 .partlist__compatibility p span, #user-favorite-products .partlist__metrics-2023 .partlist__compatibility p span, #user-inventory-products .partlist__metrics-2023 .partlist__compatibility p span, #userbuild-pick-partlist .partlist__metrics-2023 .partlist__compatibility p span, #buildguide-view .partlist__metrics-2023 .partlist__compatibility p span {
    color: #ffffff;
    font-weight: 700
}

#partlist .partlist__metrics-2023 .partlist__compatibility p svg, #user-saved-partlists .partlist__metrics-2023 .partlist__compatibility p svg, #user-completed-builds .partlist__metrics-2023 .partlist__compatibility p svg, #user-favorite-products .partlist__metrics-2023 .partlist__compatibility p svg, #user-inventory-products .partlist__metrics-2023 .partlist__compatibility p svg, #userbuild-pick-partlist .partlist__metrics-2023 .partlist__compatibility p svg, #buildguide-view .partlist__metrics-2023 .partlist__compatibility p svg {
    fill: #ffffff;
    margin-right: 0.5rem;
    position: relative;
    top: 3px
}

#partlist .partlist__metrics-2023 .partlist__compatibility p a, #user-saved-partlists .partlist__metrics-2023 .partlist__compatibility p a, #user-completed-builds .partlist__metrics-2023 .partlist__compatibility p a, #user-favorite-products .partlist__metrics-2023 .partlist__compatibility p a, #user-inventory-products .partlist__metrics-2023 .partlist__compatibility p a, #userbuild-pick-partlist .partlist__metrics-2023 .partlist__compatibility p a, #buildguide-view .partlist__metrics-2023 .partlist__compatibility p a {
    color: #ffffff;
    text-decoration: underline
}

#partlist .partlist__metrics-2023 .partlist__compatibility--noIssues, #user-saved-partlists .partlist__metrics-2023 .partlist__compatibility--noIssues, #user-completed-builds .partlist__metrics-2023 .partlist__compatibility--noIssues, #user-favorite-products .partlist__metrics-2023 .partlist__compatibility--noIssues, #user-inventory-products .partlist__metrics-2023 .partlist__compatibility--noIssues, #userbuild-pick-partlist .partlist__metrics-2023 .partlist__compatibility--noIssues, #buildguide-view .partlist__metrics-2023 .partlist__compatibility--noIssues {
    background-color: #00b16a;
    border-bottom-left-radius: 0
}

@media only screen and (min-width: 1100px) {
    #partlist .partlist__metrics-2023 .partlist__compatibility--noIssues, #user-saved-partlists .partlist__metrics-2023 .partlist__compatibility--noIssues, #user-completed-builds .partlist__metrics-2023 .partlist__compatibility--noIssues, #user-favorite-products .partlist__metrics-2023 .partlist__compatibility--noIssues, #user-inventory-products .partlist__metrics-2023 .partlist__compatibility--noIssues, #userbuild-pick-partlist .partlist__metrics-2023 .partlist__compatibility--noIssues, #buildguide-view .partlist__metrics-2023 .partlist__compatibility--noIssues {
        border-bottom-left-radius: 0.5rem
    }
}

#partlist .partlist__metrics-2023 .partlist__compatibility--notes, #user-saved-partlists .partlist__metrics-2023 .partlist__compatibility--notes, #user-completed-builds .partlist__metrics-2023 .partlist__compatibility--notes, #user-favorite-products .partlist__metrics-2023 .partlist__compatibility--notes, #user-inventory-products .partlist__metrics-2023 .partlist__compatibility--notes, #userbuild-pick-partlist .partlist__metrics-2023 .partlist__compatibility--notes, #buildguide-view .partlist__metrics-2023 .partlist__compatibility--notes {
    background-color: #00b16a;
    border-bottom-left-radius: 0
}

@media only screen and (min-width: 1100px) {
    #partlist .partlist__metrics-2023 .partlist__compatibility--notes, #user-saved-partlists .partlist__metrics-2023 .partlist__compatibility--notes, #user-completed-builds .partlist__metrics-2023 .partlist__compatibility--notes, #user-favorite-products .partlist__metrics-2023 .partlist__compatibility--notes, #user-inventory-products .partlist__metrics-2023 .partlist__compatibility--notes, #userbuild-pick-partlist .partlist__metrics-2023 .partlist__compatibility--notes, #buildguide-view .partlist__metrics-2023 .partlist__compatibility--notes {
        border-bottom-left-radius: 0.5rem
    }
}

#partlist .partlist__metrics-2023 .partlist__compatibility--warning, #user-saved-partlists .partlist__metrics-2023 .partlist__compatibility--warning, #user-completed-builds .partlist__metrics-2023 .partlist__compatibility--warning, #user-favorite-products .partlist__metrics-2023 .partlist__compatibility--warning, #user-inventory-products .partlist__metrics-2023 .partlist__compatibility--warning, #userbuild-pick-partlist .partlist__metrics-2023 .partlist__compatibility--warning, #buildguide-view .partlist__metrics-2023 .partlist__compatibility--warning {
    background-color: #ff9115;
    border-bottom-left-radius: 0
}

@media only screen and (min-width: 1100px) {
    #partlist .partlist__metrics-2023 .partlist__compatibility--warning, #user-saved-partlists .partlist__metrics-2023 .partlist__compatibility--warning, #user-completed-builds .partlist__metrics-2023 .partlist__compatibility--warning, #user-favorite-products .partlist__metrics-2023 .partlist__compatibility--warning, #user-inventory-products .partlist__metrics-2023 .partlist__compatibility--warning, #userbuild-pick-partlist .partlist__metrics-2023 .partlist__compatibility--warning, #buildguide-view .partlist__metrics-2023 .partlist__compatibility--warning {
        border-bottom-left-radius: 0.5rem
    }
}

#partlist .partlist__metrics-2023 .partlist__compatibility--error, #user-saved-partlists .partlist__metrics-2023 .partlist__compatibility--error, #user-completed-builds .partlist__metrics-2023 .partlist__compatibility--error, #user-favorite-products .partlist__metrics-2023 .partlist__compatibility--error, #user-inventory-products .partlist__metrics-2023 .partlist__compatibility--error, #userbuild-pick-partlist .partlist__metrics-2023 .partlist__compatibility--error, #buildguide-view .partlist__metrics-2023 .partlist__compatibility--error {
    background-color: #d91e18;
    border-bottom-left-radius: 0
}

@media only screen and (min-width: 1100px) {
    #partlist .partlist__metrics-2023 .partlist__compatibility--error, #user-saved-partlists .partlist__metrics-2023 .partlist__compatibility--error, #user-completed-builds .partlist__metrics-2023 .partlist__compatibility--error, #user-favorite-products .partlist__metrics-2023 .partlist__compatibility--error, #user-inventory-products .partlist__metrics-2023 .partlist__compatibility--error, #userbuild-pick-partlist .partlist__metrics-2023 .partlist__compatibility--error, #buildguide-view .partlist__metrics-2023 .partlist__compatibility--error {
        border-bottom-left-radius: 0.5rem
    }
}

#partlist .partlist__metrics-2023 .partlist__keyMetric, #user-saved-partlists .partlist__metrics-2023 .partlist__keyMetric, #user-completed-builds .partlist__metrics-2023 .partlist__keyMetric, #user-favorite-products .partlist__metrics-2023 .partlist__keyMetric, #user-inventory-products .partlist__metrics-2023 .partlist__keyMetric, #userbuild-pick-partlist .partlist__metrics-2023 .partlist__keyMetric, #buildguide-view .partlist__metrics-2023 .partlist__keyMetric {
    text-align: left;
    background-color: #2c87c3;
    -ms-grid-row: 2;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem
}

@media only screen and (min-width: 768px) {
    #partlist .partlist__metrics-2023 .partlist__keyMetric, #user-saved-partlists .partlist__metrics-2023 .partlist__keyMetric, #user-completed-builds .partlist__metrics-2023 .partlist__keyMetric, #user-favorite-products .partlist__metrics-2023 .partlist__keyMetric, #user-inventory-products .partlist__metrics-2023 .partlist__keyMetric, #userbuild-pick-partlist .partlist__metrics-2023 .partlist__keyMetric, #buildguide-view .partlist__metrics-2023 .partlist__keyMetric {
        text-align: right
    }
}

@media only screen and (min-width: 1100px) {
    #partlist .partlist__metrics-2023 .partlist__keyMetric, #user-saved-partlists .partlist__metrics-2023 .partlist__keyMetric, #user-completed-builds .partlist__metrics-2023 .partlist__keyMetric, #user-favorite-products .partlist__metrics-2023 .partlist__keyMetric, #user-inventory-products .partlist__metrics-2023 .partlist__keyMetric, #userbuild-pick-partlist .partlist__metrics-2023 .partlist__keyMetric, #buildguide-view .partlist__metrics-2023 .partlist__keyMetric {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0.5rem
    }
}

#partlist .partlist__metrics-2023 .partlist__keyMetric a, #user-saved-partlists .partlist__metrics-2023 .partlist__keyMetric a, #user-completed-builds .partlist__metrics-2023 .partlist__keyMetric a, #user-favorite-products .partlist__metrics-2023 .partlist__keyMetric a, #user-inventory-products .partlist__metrics-2023 .partlist__keyMetric a, #userbuild-pick-partlist .partlist__metrics-2023 .partlist__keyMetric a, #buildguide-view .partlist__metrics-2023 .partlist__keyMetric a {
    display: block;
    font-weight: 700;
    padding: 0.5rem 1rem;
    color: #ffffff
}

#partlist .partlist__metrics-2023 .partlist__keyMetric svg, #user-saved-partlists .partlist__metrics-2023 .partlist__keyMetric svg, #user-completed-builds .partlist__metrics-2023 .partlist__keyMetric svg, #user-favorite-products .partlist__metrics-2023 .partlist__keyMetric svg, #user-inventory-products .partlist__metrics-2023 .partlist__keyMetric svg, #userbuild-pick-partlist .partlist__metrics-2023 .partlist__keyMetric svg, #buildguide-view .partlist__metrics-2023 .partlist__keyMetric svg {
    position: relative;
    margin-right: 0.5rem;
    top: 3px;
    fill: #ffffff
}

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

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

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

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

#partlist .partlist table thead th.th__removeButton, #partlist .partlist table thead th.th__settingsButton, #user-saved-partlists .partlist table thead th.th__removeButton, #user-saved-partlists .partlist table thead th.th__settingsButton, #user-completed-builds .partlist table thead th.th__removeButton, #user-completed-builds .partlist table thead th.th__settingsButton, #user-favorite-products .partlist table thead th.th__removeButton, #user-favorite-products .partlist table thead th.th__settingsButton, #user-inventory-products .partlist table thead th.th__removeButton, #user-inventory-products .partlist table thead th.th__settingsButton, #userbuild-pick-partlist .partlist table thead th.th__removeButton, #userbuild-pick-partlist .partlist table thead th.th__settingsButton, #buildguide-view .partlist table thead th.th__removeButton, #buildguide-view .partlist table thead th.th__settingsButton {
    display: none
}

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

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

#partlist .partlist table tbody tr.tr__product--last, #user-saved-partlists .partlist table tbody tr.tr__product--last, #user-completed-builds .partlist table tbody tr.tr__product--last, #user-favorite-products .partlist table tbody tr.tr__product--last, #user-inventory-products .partlist table tbody tr.tr__product--last, #userbuild-pick-partlist .partlist table tbody tr.tr__product--last, #buildguide-view .partlist table tbody tr.tr__product--last {
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.light-mode #partlist .partlist table tbody tr.tr__product--last, .light-mode #user-saved-partlists .partlist table tbody tr.tr__product--last, .light-mode #user-completed-builds .partlist table tbody tr.tr__product--last, .light-mode #user-favorite-products .partlist table tbody tr.tr__product--last, .light-mode #user-inventory-products .partlist table tbody tr.tr__product--last, .light-mode #userbuild-pick-partlist .partlist table tbody tr.tr__product--last, .light-mode #buildguide-view .partlist table tbody tr.tr__product--last {
    border-color: #dbdbdb
}

.dark-mode #partlist .partlist table tbody tr.tr__product--last, .dark-mode #user-saved-partlists .partlist table tbody tr.tr__product--last, .dark-mode #user-completed-builds .partlist table tbody tr.tr__product--last, .dark-mode #user-favorite-products .partlist table tbody tr.tr__product--last, .dark-mode #user-inventory-products .partlist table tbody tr.tr__product--last, .dark-mode #userbuild-pick-partlist .partlist table tbody tr.tr__product--last, .dark-mode #buildguide-view .partlist table tbody tr.tr__product--last {
    border-color: #37374d
}

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

#partlist .partlist table tbody tr.tr__switch, #user-saved-partlists .partlist table tbody tr.tr__switch, #user-completed-builds .partlist table tbody tr.tr__switch, #user-favorite-products .partlist table tbody tr.tr__switch, #user-inventory-products .partlist table tbody tr.tr__switch, #userbuild-pick-partlist .partlist table tbody tr.tr__switch, #buildguide-view .partlist table tbody tr.tr__switch {
    border-top: 0
}

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

#partlist .partlist table tbody tr.tr__switch td, #user-saved-partlists .partlist table tbody tr.tr__switch td, #user-completed-builds .partlist table tbody tr.tr__switch td, #user-favorite-products .partlist table tbody tr.tr__switch td, #user-inventory-products .partlist table tbody tr.tr__switch td, #userbuild-pick-partlist .partlist table tbody tr.tr__switch td, #buildguide-view .partlist table tbody tr.tr__switch td {
    height: auto;
    position: relative;
    overflow: hidden
}

#partlist .partlist table tbody tr.tr__switch td a, #user-saved-partlists .partlist table tbody tr.tr__switch td a, #user-completed-builds .partlist table tbody tr.tr__switch td a, #user-favorite-products .partlist table tbody tr.tr__switch td a, #user-inventory-products .partlist table tbody tr.tr__switch td a, #userbuild-pick-partlist .partlist table tbody tr.tr__switch td a, #buildguide-view .partlist table tbody tr.tr__switch td a {
    position: relative;
    z-index: 1;
    border: none;
    font-size: 0.6875rem !important
}

.light-mode #partlist .partlist table tbody tr.tr__switch td a, .light-mode #user-saved-partlists .partlist table tbody tr.tr__switch td a, .light-mode #user-completed-builds .partlist table tbody tr.tr__switch td a, .light-mode #user-favorite-products .partlist table tbody tr.tr__switch td a, .light-mode #user-inventory-products .partlist table tbody tr.tr__switch td a, .light-mode #userbuild-pick-partlist .partlist table tbody tr.tr__switch td a, .light-mode #buildguide-view .partlist table tbody tr.tr__switch td a {
    background-color: #26293b
}

.dark-mode #partlist .partlist table tbody tr.tr__switch td a, .dark-mode #user-saved-partlists .partlist table tbody tr.tr__switch td a, .dark-mode #user-completed-builds .partlist table tbody tr.tr__switch td a, .dark-mode #user-favorite-products .partlist table tbody tr.tr__switch td a, .dark-mode #user-inventory-products .partlist table tbody tr.tr__switch td a, .dark-mode #userbuild-pick-partlist .partlist table tbody tr.tr__switch td a, .dark-mode #buildguide-view .partlist table tbody tr.tr__switch td a {
    background-color: #B8B8C8
}

.light-mode #partlist .partlist table tbody tr.tr__switch td a:hover, .light-mode #user-saved-partlists .partlist table tbody tr.tr__switch td a:hover, .light-mode #user-completed-builds .partlist table tbody tr.tr__switch td a:hover, .light-mode #user-favorite-products .partlist table tbody tr.tr__switch td a:hover, .light-mode #user-inventory-products .partlist table tbody tr.tr__switch td a:hover, .light-mode #userbuild-pick-partlist .partlist table tbody tr.tr__switch td a:hover, .light-mode #buildguide-view .partlist table tbody tr.tr__switch td a:hover {
    background-color: #2c87c3
}

.dark-mode #partlist .partlist table tbody tr.tr__switch td a:hover, .dark-mode #user-saved-partlists .partlist table tbody tr.tr__switch td a:hover, .dark-mode #user-completed-builds .partlist table tbody tr.tr__switch td a:hover, .dark-mode #user-favorite-products .partlist table tbody tr.tr__switch td a:hover, .dark-mode #user-inventory-products .partlist table tbody tr.tr__switch td a:hover, .dark-mode #userbuild-pick-partlist .partlist table tbody tr.tr__switch td a:hover, .dark-mode #buildguide-view .partlist table tbody tr.tr__switch td a:hover {
    background-color: #74baff
}

#partlist .partlist table tbody tr.tr__switch td a svg, #user-saved-partlists .partlist table tbody tr.tr__switch td a svg, #user-completed-builds .partlist table tbody tr.tr__switch td a svg, #user-favorite-products .partlist table tbody tr.tr__switch td a svg, #user-inventory-products .partlist table tbody tr.tr__switch td a svg, #userbuild-pick-partlist .partlist table tbody tr.tr__switch td a svg, #buildguide-view .partlist table tbody tr.tr__switch td a svg {
    width: 12px;
    height: 12px;
    margin-right: 0.5rem
}

#partlist .partlist table tbody tr.tr__switch td:after, #user-saved-partlists .partlist table tbody tr.tr__switch td:after, #user-completed-builds .partlist table tbody tr.tr__switch td:after, #user-favorite-products .partlist table tbody tr.tr__switch td:after, #user-inventory-products .partlist table tbody tr.tr__switch td:after, #userbuild-pick-partlist .partlist table tbody tr.tr__switch td:after, #buildguide-view .partlist table tbody tr.tr__switch td:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    height: 1px;
    width: 100%;
    border-top-style: dashed;
    border-top-width: 1px
}

.light-mode #partlist .partlist table tbody tr.tr__switch td:after, .light-mode #user-saved-partlists .partlist table tbody tr.tr__switch td:after, .light-mode #user-completed-builds .partlist table tbody tr.tr__switch td:after, .light-mode #user-favorite-products .partlist table tbody tr.tr__switch td:after, .light-mode #user-inventory-products .partlist table tbody tr.tr__switch td:after, .light-mode #userbuild-pick-partlist .partlist table tbody tr.tr__switch td:after, .light-mode #buildguide-view .partlist table tbody tr.tr__switch td:after {
    border-color: #dbdbdb
}

.dark-mode #partlist .partlist table tbody tr.tr__switch td:after, .dark-mode #user-saved-partlists .partlist table tbody tr.tr__switch td:after, .dark-mode #user-completed-builds .partlist table tbody tr.tr__switch td:after, .dark-mode #user-favorite-products .partlist table tbody tr.tr__switch td:after, .dark-mode #user-inventory-products .partlist table tbody tr.tr__switch td:after, .dark-mode #userbuild-pick-partlist .partlist table tbody tr.tr__switch td:after, .dark-mode #buildguide-view .partlist table tbody tr.tr__switch td:after {
    border-color: #37374d
}

#partlist .partlist table tbody tr.tr__switch td:first-of-type:after, #user-saved-partlists .partlist table tbody tr.tr__switch td:first-of-type:after, #user-completed-builds .partlist table tbody tr.tr__switch td:first-of-type:after, #user-favorite-products .partlist table tbody tr.tr__switch td:first-of-type:after, #user-inventory-products .partlist table tbody tr.tr__switch td:first-of-type:after, #userbuild-pick-partlist .partlist table tbody tr.tr__switch td:first-of-type:after, #buildguide-view .partlist table tbody tr.tr__switch td:first-of-type:after {
    border: 0
}

@media only screen and (max-width: 1049px) {
    #partlist .partlist table tbody tr.tr__switch td:first-of-type, #user-saved-partlists .partlist table tbody tr.tr__switch td:first-of-type, #user-completed-builds .partlist table tbody tr.tr__switch td:first-of-type, #user-favorite-products .partlist table tbody tr.tr__switch td:first-of-type, #user-inventory-products .partlist table tbody tr.tr__switch td:first-of-type, #userbuild-pick-partlist .partlist table tbody tr.tr__switch td:first-of-type, #buildguide-view .partlist table tbody tr.tr__switch td:first-of-type {
        display: none
    }
}

@media only screen and (max-width: 1049px) {
    #partlist .partlist table tbody tr.tr__switch td:nth-child(2), #user-saved-partlists .partlist table tbody tr.tr__switch td:nth-child(2), #user-completed-builds .partlist table tbody tr.tr__switch td:nth-child(2), #user-favorite-products .partlist table tbody tr.tr__switch td:nth-child(2), #user-inventory-products .partlist table tbody tr.tr__switch td:nth-child(2), #userbuild-pick-partlist .partlist table tbody tr.tr__switch td:nth-child(2), #buildguide-view .partlist table tbody tr.tr__switch td:nth-child(2) {
        display: none
    }

    #partlist .partlist table tbody tr.tr__switch td:nth-child(3), #user-saved-partlists .partlist table tbody tr.tr__switch td:nth-child(3), #user-completed-builds .partlist table tbody tr.tr__switch td:nth-child(3), #user-favorite-products .partlist table tbody tr.tr__switch td:nth-child(3), #user-inventory-products .partlist table tbody tr.tr__switch td:nth-child(3), #userbuild-pick-partlist .partlist table tbody tr.tr__switch td:nth-child(3), #buildguide-view .partlist table tbody tr.tr__switch td:nth-child(3) {
        text-align: center
    }
}

#partlist .partlist table tbody tr.tr__groupset td.td__component, #user-saved-partlists .partlist table tbody tr.tr__groupset td.td__component, #user-completed-builds .partlist table tbody tr.tr__groupset td.td__component, #user-favorite-products .partlist table tbody tr.tr__groupset td.td__component, #user-inventory-products .partlist table tbody tr.tr__groupset td.td__component, #userbuild-pick-partlist .partlist table tbody tr.tr__groupset td.td__component, #buildguide-view .partlist table tbody tr.tr__groupset td.td__component {
    font-weight: 700;
    text-transform: uppercase
}

@media only screen and (min-width: 1100px) {
    #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: 1100px) {
    #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: 1100px) {
    #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: 1100px) {
    #partlist .partlist table tbody tr.tr__product--group td, #user-saved-partlists .partlist table tbody tr.tr__product--group td, #user-completed-builds .partlist table tbody tr.tr__product--group td, #user-favorite-products .partlist table tbody tr.tr__product--group td, #user-inventory-products .partlist table tbody tr.tr__product--group td, #userbuild-pick-partlist .partlist table tbody tr.tr__product--group td, #buildguide-view .partlist table tbody tr.tr__product--group td {
        border-top: 1px solid #a1a1a1
    }
}

#partlist .partlist table tbody tr.tr__product--group td.td__component, #user-saved-partlists .partlist table tbody tr.tr__product--group td.td__component, #user-completed-builds .partlist table tbody tr.tr__product--group td.td__component, #user-favorite-products .partlist table tbody tr.tr__product--group td.td__component, #user-inventory-products .partlist table tbody tr.tr__product--group td.td__component, #userbuild-pick-partlist .partlist table tbody tr.tr__product--group td.td__component, #buildguide-view .partlist table tbody tr.tr__product--group td.td__component {
    border-top: 0
}

@media only screen and (min-width: 1100px) {
    #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: 1100px) {
    #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: 1100px) {
    #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: #2c87c3
}

#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 {
        display: block;
        font-size: 0.6875rem;
        font-weight: normal
    }

    .light-mode #partlist .partlist table tbody tr td h6, .light-mode #user-saved-partlists .partlist table tbody tr td h6, .light-mode #user-completed-builds .partlist table tbody tr td h6, .light-mode #user-favorite-products .partlist table tbody tr td h6, .light-mode #user-inventory-products .partlist table tbody tr td h6, .light-mode #userbuild-pick-partlist .partlist table tbody tr td h6, .light-mode #buildguide-view .partlist table tbody tr td h6 {
        color: #929292
    }

    .dark-mode #partlist .partlist table tbody tr td h6, .dark-mode #user-saved-partlists .partlist table tbody tr td h6, .dark-mode #user-completed-builds .partlist table tbody tr td h6, .dark-mode #user-favorite-products .partlist table tbody tr td h6, .dark-mode #user-inventory-products .partlist table tbody tr td h6, .dark-mode #userbuild-pick-partlist .partlist table tbody tr td h6, .dark-mode #buildguide-view .partlist table tbody tr td h6 {
        color: #717184
    }

    #partlist .partlist table tbody tr td.td__buy, #user-saved-partlists .partlist table tbody tr td.td__buy, #user-completed-builds .partlist table tbody tr td.td__buy, #user-favorite-products .partlist table tbody tr td.td__buy, #user-inventory-products .partlist table tbody tr td.td__buy, #userbuild-pick-partlist .partlist table tbody tr td.td__buy, #buildguide-view .partlist table tbody tr td.td__buy {
        align-self: center;
        width: auto;
        display: block
    }

    #partlist .partlist table tbody tr td.td__buy a, #user-saved-partlists .partlist table tbody tr td.td__buy a, #user-completed-builds .partlist table tbody tr td.td__buy a, #user-favorite-products .partlist table tbody tr td.td__buy a, #user-inventory-products .partlist table tbody tr td.td__buy a, #userbuild-pick-partlist .partlist table tbody tr td.td__buy a, #buildguide-view .partlist table tbody tr td.td__buy a {
        width: 100%
    }

    #partlist .partlist table tbody tr td.td__settings, #partlist .partlist table tbody tr td.td__locked, #user-saved-partlists .partlist table tbody tr td.td__settings, #user-saved-partlists .partlist table tbody tr td.td__locked, #user-completed-builds .partlist table tbody tr td.td__settings, #user-completed-builds .partlist table tbody tr td.td__locked, #user-favorite-products .partlist table tbody tr td.td__settings, #user-favorite-products .partlist table tbody tr td.td__locked, #user-inventory-products .partlist table tbody tr td.td__settings, #user-inventory-products .partlist table tbody tr td.td__locked, #userbuild-pick-partlist .partlist table tbody tr td.td__settings, #userbuild-pick-partlist .partlist table tbody tr td.td__locked, #buildguide-view .partlist table tbody tr td.td__settings, #buildguide-view .partlist table tbody tr td.td__locked {
        align-self: center
    }

    #partlist .partlist table tbody tr td.td__remove, #user-saved-partlists .partlist table tbody tr td.td__remove, #user-completed-builds .partlist table tbody tr td.td__remove, #user-favorite-products .partlist table tbody tr td.td__remove, #user-inventory-products .partlist table tbody tr td.td__remove, #userbuild-pick-partlist .partlist table tbody tr td.td__remove, #buildguide-view .partlist table tbody tr td.td__remove {
        align-self: center;
        padding-left: 1rem
    }
}

@media only screen and (max-width: 767px) {
    #partlist .partlist table tbody tr td, #user-saved-partlists .partlist table tbody tr td, #user-completed-builds .partlist table tbody tr td, #user-favorite-products .partlist table tbody tr td, #user-inventory-products .partlist table tbody tr td, #userbuild-pick-partlist .partlist table tbody tr td, #buildguide-view .partlist table tbody tr td {
        padding: 0
    }

    #partlist .partlist table tbody tr td.td__component, #user-saved-partlists .partlist table tbody tr td.td__component, #user-completed-builds .partlist table tbody tr td.td__component, #user-favorite-products .partlist table tbody tr td.td__component, #user-inventory-products .partlist table tbody tr td.td__component, #userbuild-pick-partlist .partlist table tbody tr td.td__component, #buildguide-view .partlist table tbody tr td.td__component {
        -ms-grid-column: 1;
        -ms-grid-column-span: 4;
        -ms-grid-row: 1
    }

    #partlist .partlist table tbody tr td.td__image, #user-saved-partlists .partlist table tbody tr td.td__image, #user-completed-builds .partlist table tbody tr td.td__image, #user-favorite-products .partlist table tbody tr td.td__image, #user-inventory-products .partlist table tbody tr td.td__image, #userbuild-pick-partlist .partlist table tbody tr td.td__image, #buildguide-view .partlist table tbody tr td.td__image {
        -ms-grid-column: 1;
        -ms-grid-row: 2
    }

    #partlist .partlist table tbody tr td.td__name, #user-saved-partlists .partlist table tbody tr td.td__name, #user-completed-builds .partlist table tbody tr td.td__name, #user-favorite-products .partlist table tbody tr td.td__name, #user-inventory-products .partlist table tbody tr td.td__name, #userbuild-pick-partlist .partlist table tbody tr td.td__name, #buildguide-view .partlist table tbody tr td.td__name {
        -ms-grid-column: 2;
        -ms-grid-column-span: 3;
        -ms-grid-row: 2;
        -ms-grid-row-align: center
    }

    #partlist .partlist table tbody tr td.td__base, #user-saved-partlists .partlist table tbody tr td.td__base, #user-completed-builds .partlist table tbody tr td.td__base, #user-favorite-products .partlist table tbody tr td.td__base, #user-inventory-products .partlist table tbody tr td.td__base, #userbuild-pick-partlist .partlist table tbody tr td.td__base, #buildguide-view .partlist table tbody tr td.td__base {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }

    #partlist .partlist table tbody tr td.td__promo, #user-saved-partlists .partlist table tbody tr td.td__promo, #user-completed-builds .partlist table tbody tr td.td__promo, #user-favorite-products .partlist table tbody tr td.td__promo, #user-inventory-products .partlist table tbody tr td.td__promo, #userbuild-pick-partlist .partlist table tbody tr td.td__promo, #buildguide-view .partlist table tbody tr td.td__promo {
        -ms-grid-column: 2;
        -ms-grid-row: 3
    }

    #partlist .partlist table tbody tr td.td__shipping, #user-saved-partlists .partlist table tbody tr td.td__shipping, #user-completed-builds .partlist table tbody tr td.td__shipping, #user-favorite-products .partlist table tbody tr td.td__shipping, #user-inventory-products .partlist table tbody tr td.td__shipping, #userbuild-pick-partlist .partlist table tbody tr td.td__shipping, #buildguide-view .partlist table tbody tr td.td__shipping {
        -ms-grid-column: 3;
        -ms-grid-row: 3
    }

    #partlist .partlist table tbody tr td.td__tax, #user-saved-partlists .partlist table tbody tr td.td__tax, #user-completed-builds .partlist table tbody tr td.td__tax, #user-favorite-products .partlist table tbody tr td.td__tax, #user-inventory-products .partlist table tbody tr td.td__tax, #userbuild-pick-partlist .partlist table tbody tr td.td__tax, #buildguide-view .partlist table tbody tr td.td__tax {
        -ms-grid-column: 4;
        -ms-grid-row: 3
    }

    #partlist .partlist table tbody tr td.td__price, #user-saved-partlists .partlist table tbody tr td.td__price, #user-completed-builds .partlist table tbody tr td.td__price, #user-favorite-products .partlist table tbody tr td.td__price, #user-inventory-products .partlist table tbody tr td.td__price, #userbuild-pick-partlist .partlist table tbody tr td.td__price, #buildguide-view .partlist table tbody tr td.td__price {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        -ms-grid-row: 4
    }

    #partlist .partlist table tbody tr td.td__where, #user-saved-partlists .partlist table tbody tr td.td__where, #user-completed-builds .partlist table tbody tr td.td__where, #user-favorite-products .partlist table tbody tr td.td__where, #user-inventory-products .partlist table tbody tr td.td__where, #userbuild-pick-partlist .partlist table tbody tr td.td__where, #buildguide-view .partlist table tbody tr td.td__where {
        -ms-grid-column: 3;
        -ms-grid-row: 4
    }

    #partlist .partlist table tbody tr td.td__buy, #user-saved-partlists .partlist table tbody tr td.td__buy, #user-completed-builds .partlist table tbody tr td.td__buy, #user-favorite-products .partlist table tbody tr td.td__buy, #user-inventory-products .partlist table tbody tr td.td__buy, #userbuild-pick-partlist .partlist table tbody tr td.td__buy, #buildguide-view .partlist table tbody tr td.td__buy {
        -ms-grid-column: 4;
        -ms-grid-row: 4
    }
}

@media only screen and (max-width: 767px) and (-ms-high-contrast: active), only screen and (max-width: 767px) and (-ms-high-contrast: none) {
    #partlist .partlist table tbody tr td, #user-saved-partlists .partlist table tbody tr td, #user-completed-builds .partlist table tbody tr td, #user-favorite-products .partlist table tbody tr td, #user-inventory-products .partlist table tbody tr td, #userbuild-pick-partlist .partlist table tbody tr td, #buildguide-view .partlist table tbody tr td {
        padding: inherit
    }
}

@media only screen and (max-width: 767px) {
    #partlist .partlist table tbody tr td.td__price, #user-saved-partlists .partlist table tbody tr td.td__price, #user-completed-builds .partlist table tbody tr td.td__price, #user-favorite-products .partlist table tbody tr td.td__price, #user-inventory-products .partlist table tbody tr td.td__price, #userbuild-pick-partlist .partlist table tbody tr td.td__price, #buildguide-view .partlist table tbody tr td.td__price {
        grid-column: 1/3
    }

    #partlist .partlist table tbody tr td.td__price-2025, #user-saved-partlists .partlist table tbody tr td.td__price-2025, #user-completed-builds .partlist table tbody tr td.td__price-2025, #user-favorite-products .partlist table tbody tr td.td__price-2025, #user-inventory-products .partlist table tbody tr td.td__price-2025, #userbuild-pick-partlist .partlist table tbody tr td.td__price-2025, #buildguide-view .partlist table tbody tr td.td__price-2025 {
        grid-column: auto
    }

    #partlist .partlist table tbody tr td.td__settingsButton, #user-saved-partlists .partlist table tbody tr td.td__settingsButton, #user-completed-builds .partlist table tbody tr td.td__settingsButton, #user-favorite-products .partlist table tbody tr td.td__settingsButton, #user-inventory-products .partlist table tbody tr td.td__settingsButton, #userbuild-pick-partlist .partlist table tbody tr td.td__settingsButton, #buildguide-view .partlist table tbody tr td.td__settingsButton {
        grid-column: 1/3
    }

    #partlist .partlist table tbody tr td.td__removeButton, #user-saved-partlists .partlist table tbody tr td.td__removeButton, #user-completed-builds .partlist table tbody tr td.td__removeButton, #user-favorite-products .partlist table tbody tr td.td__removeButton, #user-inventory-products .partlist table tbody tr td.td__removeButton, #userbuild-pick-partlist .partlist table tbody tr td.td__removeButton, #buildguide-view .partlist table tbody tr td.td__removeButton {
        grid-column: 3/5
    }
}

#partlist .partlist table tbody tr td.td__component, #user-saved-partlists .partlist table tbody tr td.td__component, #user-completed-builds .partlist table tbody tr td.td__component, #user-favorite-products .partlist table tbody tr td.td__component, #user-inventory-products .partlist table tbody tr td.td__component, #userbuild-pick-partlist .partlist table tbody tr td.td__component, #buildguide-view .partlist table tbody tr td.td__component {
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.25;
    width: 1px
}

@media only screen and (max-width: 1049px) {
    #partlist .partlist table tbody tr td.td__component, #user-saved-partlists .partlist table tbody tr td.td__component, #user-completed-builds .partlist table tbody tr td.td__component, #user-favorite-products .partlist table tbody tr td.td__component, #user-inventory-products .partlist table tbody tr td.td__component, #userbuild-pick-partlist .partlist table tbody tr td.td__component, #buildguide-view .partlist table tbody tr td.td__component {
        grid-column: 1/10;
        width: auto;
        font-size: 0.875rem;
        font-weight: 700;
        position: relative
    }

    #partlist .partlist table tbody tr td.td__component:after, #user-saved-partlists .partlist table tbody tr td.td__component:after, #user-completed-builds .partlist table tbody tr td.td__component:after, #user-favorite-products .partlist table tbody tr td.td__component:after, #user-inventory-products .partlist table tbody tr td.td__component:after, #userbuild-pick-partlist .partlist table tbody tr td.td__component:after, #buildguide-view .partlist table tbody tr td.td__component:after {
        content: "";
        display: block;
        height: 2px;
        width: 100%;
        position: absolute;
        top: 50%
    }

    .light-mode #partlist .partlist table tbody tr td.td__component:after, .light-mode #user-saved-partlists .partlist table tbody tr td.td__component:after, .light-mode #user-completed-builds .partlist table tbody tr td.td__component:after, .light-mode #user-favorite-products .partlist table tbody tr td.td__component:after, .light-mode #user-inventory-products .partlist table tbody tr td.td__component:after, .light-mode #userbuild-pick-partlist .partlist table tbody tr td.td__component:after, .light-mode #buildguide-view .partlist table tbody tr td.td__component:after {
        background-color: #929292
    }

    .dark-mode #partlist .partlist table tbody tr td.td__component:after, .dark-mode #user-saved-partlists .partlist table tbody tr td.td__component:after, .dark-mode #user-completed-builds .partlist table tbody tr td.td__component:after, .dark-mode #user-favorite-products .partlist table tbody tr td.td__component:after, .dark-mode #user-inventory-products .partlist table tbody tr td.td__component:after, .dark-mode #userbuild-pick-partlist .partlist table tbody tr td.td__component:after, .dark-mode #buildguide-view .partlist table tbody tr td.td__component:after {
        background-color: #717184
    }
}

@media only screen and (max-width: 767px) {
    #partlist .partlist table tbody tr td.td__component, #user-saved-partlists .partlist table tbody tr td.td__component, #user-completed-builds .partlist table tbody tr td.td__component, #user-favorite-products .partlist table tbody tr td.td__component, #user-inventory-products .partlist table tbody tr td.td__component, #userbuild-pick-partlist .partlist table tbody tr td.td__component, #buildguide-view .partlist table tbody tr td.td__component {
        grid-column: 1/5
    }
}

@media only screen and (max-width: 1049px) {
    #partlist .partlist table tbody tr td.td__component a, #partlist .partlist table tbody tr td.td__component p, #user-saved-partlists .partlist table tbody tr td.td__component a, #user-saved-partlists .partlist table tbody tr td.td__component p, #user-completed-builds .partlist table tbody tr td.td__component a, #user-completed-builds .partlist table tbody tr td.td__component p, #user-favorite-products .partlist table tbody tr td.td__component a, #user-favorite-products .partlist table tbody tr td.td__component p, #user-inventory-products .partlist table tbody tr td.td__component a, #user-inventory-products .partlist table tbody tr td.td__component p, #userbuild-pick-partlist .partlist table tbody tr td.td__component a, #userbuild-pick-partlist .partlist table tbody tr td.td__component p, #buildguide-view .partlist table tbody tr td.td__component a, #buildguide-view .partlist table tbody tr td.td__component p {
        display: inline-block;
        z-index: 1;
        position: relative;
        padding-right: 0.5rem
    }

    .light-mode #partlist .partlist table tbody tr td.td__component a, .light-mode #partlist .partlist table tbody tr td.td__component p, .light-mode #user-saved-partlists .partlist table tbody tr td.td__component a, .light-mode #user-saved-partlists .partlist table tbody tr td.td__component p, .light-mode #user-completed-builds .partlist table tbody tr td.td__component a, .light-mode #user-completed-builds .partlist table tbody tr td.td__component p, .light-mode #user-favorite-products .partlist table tbody tr td.td__component a, .light-mode #user-favorite-products .partlist table tbody tr td.td__component p, .light-mode #user-inventory-products .partlist table tbody tr td.td__component a, .light-mode #user-inventory-products .partlist table tbody tr td.td__component p, .light-mode #userbuild-pick-partlist .partlist table tbody tr td.td__component a, .light-mode #userbuild-pick-partlist .partlist table tbody tr td.td__component p, .light-mode #buildguide-view .partlist table tbody tr td.td__component a, .light-mode #buildguide-view .partlist table tbody tr td.td__component p {
        background-color: #f4f4f3
    }

    .dark-mode #partlist .partlist table tbody tr td.td__component a, .dark-mode #partlist .partlist table tbody tr td.td__component p, .dark-mode #user-saved-partlists .partlist table tbody tr td.td__component a, .dark-mode #user-saved-partlists .partlist table tbody tr td.td__component p, .dark-mode #user-completed-builds .partlist table tbody tr td.td__component a, .dark-mode #user-completed-builds .partlist table tbody tr td.td__component p, .dark-mode #user-favorite-products .partlist table tbody tr td.td__component a, .dark-mode #user-favorite-products .partlist table tbody tr td.td__component p, .dark-mode #user-inventory-products .partlist table tbody tr td.td__component a, .dark-mode #user-inventory-products .partlist table tbody tr td.td__component p, .dark-mode #userbuild-pick-partlist .partlist table tbody tr td.td__component a, .dark-mode #userbuild-pick-partlist .partlist table tbody tr td.td__component p, .dark-mode #buildguide-view .partlist table tbody tr td.td__component a, .dark-mode #buildguide-view .partlist table tbody tr td.td__component p {
        background-color: #282838
    }
}

@media only screen and (max-width: 1049px) {
    #partlist .partlist table tbody tr td.td__component-2025, #user-saved-partlists .partlist table tbody tr td.td__component-2025, #user-completed-builds .partlist table tbody tr td.td__component-2025, #user-favorite-products .partlist table tbody tr td.td__component-2025, #user-inventory-products .partlist table tbody tr td.td__component-2025, #userbuild-pick-partlist .partlist table tbody tr td.td__component-2025, #buildguide-view .partlist table tbody tr td.td__component-2025 {
        grid-column: 1/11;
        border-top-width: 1px;
        border-top-style: solid;
        padding: 0.5rem 0
    }

    .light-mode #partlist .partlist table tbody tr td.td__component-2025, .light-mode #user-saved-partlists .partlist table tbody tr td.td__component-2025, .light-mode #user-completed-builds .partlist table tbody tr td.td__component-2025, .light-mode #user-favorite-products .partlist table tbody tr td.td__component-2025, .light-mode #user-inventory-products .partlist table tbody tr td.td__component-2025, .light-mode #userbuild-pick-partlist .partlist table tbody tr td.td__component-2025, .light-mode #buildguide-view .partlist table tbody tr td.td__component-2025 {
        border-color: #dbdbdb
    }

    .dark-mode #partlist .partlist table tbody tr td.td__component-2025, .dark-mode #user-saved-partlists .partlist table tbody tr td.td__component-2025, .dark-mode #user-completed-builds .partlist table tbody tr td.td__component-2025, .dark-mode #user-favorite-products .partlist table tbody tr td.td__component-2025, .dark-mode #user-inventory-products .partlist table tbody tr td.td__component-2025, .dark-mode #userbuild-pick-partlist .partlist table tbody tr td.td__component-2025, .dark-mode #buildguide-view .partlist table tbody tr td.td__component-2025 {
        border-color: #37374d
    }

    #partlist .partlist table tbody tr td.td__component-2025:after, #user-saved-partlists .partlist table tbody tr td.td__component-2025:after, #user-completed-builds .partlist table tbody tr td.td__component-2025:after, #user-favorite-products .partlist table tbody tr td.td__component-2025:after, #user-inventory-products .partlist table tbody tr td.td__component-2025:after, #userbuild-pick-partlist .partlist table tbody tr td.td__component-2025:after, #buildguide-view .partlist table tbody tr td.td__component-2025:after {
        height: 0px
    }
}

@media only screen and (max-width: 767px) {
    #partlist .partlist table tbody tr td.td__component-2025, #user-saved-partlists .partlist table tbody tr td.td__component-2025, #user-completed-builds .partlist table tbody tr td.td__component-2025, #user-favorite-products .partlist table tbody tr td.td__component-2025, #user-inventory-products .partlist table tbody tr td.td__component-2025, #userbuild-pick-partlist .partlist table tbody tr td.td__component-2025, #buildguide-view .partlist table tbody tr td.td__component-2025 {
        grid-column: 1/5
    }
}

@media only screen and (max-width: 1049px) {
    #partlist .partlist table tbody tr td.td__component-2025 a, #partlist .partlist table tbody tr td.td__component-2025 p, #user-saved-partlists .partlist table tbody tr td.td__component-2025 a, #user-saved-partlists .partlist table tbody tr td.td__component-2025 p, #user-completed-builds .partlist table tbody tr td.td__component-2025 a, #user-completed-builds .partlist table tbody tr td.td__component-2025 p, #user-favorite-products .partlist table tbody tr td.td__component-2025 a, #user-favorite-products .partlist table tbody tr td.td__component-2025 p, #user-inventory-products .partlist table tbody tr td.td__component-2025 a, #user-inventory-products .partlist table tbody tr td.td__component-2025 p, #userbuild-pick-partlist .partlist table tbody tr td.td__component-2025 a, #userbuild-pick-partlist .partlist table tbody tr td.td__component-2025 p, #buildguide-view .partlist table tbody tr td.td__component-2025 a, #buildguide-view .partlist table tbody tr td.td__component-2025 p {
        display: inline-block;
        z-index: 1;
        position: relative;
        padding-right: 0.5rem
    }

    .light-mode #partlist .partlist table tbody tr td.td__component-2025 a, .light-mode #partlist .partlist table tbody tr td.td__component-2025 p, .light-mode #user-saved-partlists .partlist table tbody tr td.td__component-2025 a, .light-mode #user-saved-partlists .partlist table tbody tr td.td__component-2025 p, .light-mode #user-completed-builds .partlist table tbody tr td.td__component-2025 a, .light-mode #user-completed-builds .partlist table tbody tr td.td__component-2025 p, .light-mode #user-favorite-products .partlist table tbody tr td.td__component-2025 a, .light-mode #user-favorite-products .partlist table tbody tr td.td__component-2025 p, .light-mode #user-inventory-products .partlist table tbody tr td.td__component-2025 a, .light-mode #user-inventory-products .partlist table tbody tr td.td__component-2025 p, .light-mode #userbuild-pick-partlist .partlist table tbody tr td.td__component-2025 a, .light-mode #userbuild-pick-partlist .partlist table tbody tr td.td__component-2025 p, .light-mode #buildguide-view .partlist table tbody tr td.td__component-2025 a, .light-mode #buildguide-view .partlist table tbody tr td.td__component-2025 p {
        background-color: #f4f4f3
    }

    .dark-mode #partlist .partlist table tbody tr td.td__component-2025 a, .dark-mode #partlist .partlist table tbody tr td.td__component-2025 p, .dark-mode #user-saved-partlists .partlist table tbody tr td.td__component-2025 a, .dark-mode #user-saved-partlists .partlist table tbody tr td.td__component-2025 p, .dark-mode #user-completed-builds .partlist table tbody tr td.td__component-2025 a, .dark-mode #user-completed-builds .partlist table tbody tr td.td__component-2025 p, .dark-mode #user-favorite-products .partlist table tbody tr td.td__component-2025 a, .dark-mode #user-favorite-products .partlist table tbody tr td.td__component-2025 p, .dark-mode #user-inventory-products .partlist table tbody tr td.td__component-2025 a, .dark-mode #user-inventory-products .partlist table tbody tr td.td__component-2025 p, .dark-mode #userbuild-pick-partlist .partlist table tbody tr td.td__component-2025 a, .dark-mode #userbuild-pick-partlist .partlist table tbody tr td.td__component-2025 p, .dark-mode #buildguide-view .partlist table tbody tr td.td__component-2025 a, .dark-mode #buildguide-view .partlist table tbody tr td.td__component-2025 p {
        background-color: #282838
    }
}

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

#partlist .partlist table tbody tr td.td__addComponent, #user-saved-partlists .partlist table tbody tr td.td__addComponent, #user-completed-builds .partlist table tbody tr td.td__addComponent, #user-favorite-products .partlist table tbody tr td.td__addComponent, #user-inventory-products .partlist table tbody tr td.td__addComponent, #userbuild-pick-partlist .partlist table tbody tr td.td__addComponent, #buildguide-view .partlist table tbody tr td.td__addComponent {
    line-height: 2
}

#partlist .partlist table tbody tr td.td__addComponent a, #user-saved-partlists .partlist table tbody tr td.td__addComponent a, #user-completed-builds .partlist table tbody tr td.td__addComponent a, #user-favorite-products .partlist table tbody tr td.td__addComponent a, #user-inventory-products .partlist table tbody tr td.td__addComponent a, #userbuild-pick-partlist .partlist table tbody tr td.td__addComponent a, #buildguide-view .partlist table tbody tr td.td__addComponent a {
    font-weight: 700
}

#partlist .partlist table tbody tr td.td__addComponent a.button, #user-saved-partlists .partlist table tbody tr td.td__addComponent a.button, #user-completed-builds .partlist table tbody tr td.td__addComponent a.button, #user-favorite-products .partlist table tbody tr td.td__addComponent a.button, #user-inventory-products .partlist table tbody tr td.td__addComponent a.button, #userbuild-pick-partlist .partlist table tbody tr td.td__addComponent a.button, #buildguide-view .partlist table tbody tr td.td__addComponent a.button {
    margin-right: 0.5rem
}

@media only screen and (max-width: 1049px) {
    #partlist .partlist table tbody tr td.td__addComponent, #user-saved-partlists .partlist table tbody tr td.td__addComponent, #user-completed-builds .partlist table tbody tr td.td__addComponent, #user-favorite-products .partlist table tbody tr td.td__addComponent, #user-inventory-products .partlist table tbody tr td.td__addComponent, #userbuild-pick-partlist .partlist table tbody tr td.td__addComponent, #buildguide-view .partlist table tbody tr td.td__addComponent {
        padding-top: 0;
        -ms-grid-column: 1;
        -ms-grid-column-span: 9;
        -ms-grid-row: 2;
        grid-column: 1/10
    }
}

@media only screen and (max-width: 767px) {
    #partlist .partlist table tbody tr td.td__addComponent, #user-saved-partlists .partlist table tbody tr td.td__addComponent, #user-completed-builds .partlist table tbody tr td.td__addComponent, #user-favorite-products .partlist table tbody tr td.td__addComponent, #user-inventory-products .partlist table tbody tr td.td__addComponent, #userbuild-pick-partlist .partlist table tbody tr td.td__addComponent, #buildguide-view .partlist table tbody tr td.td__addComponent {
        line-height: 1.5;
        -ms-grid-column: 1;
        -ms-grid-column-span: 4;
        -ms-grid-row: 2;
        grid-column: 1/5
    }
}

#partlist .partlist table tbody tr td.td__image, #user-saved-partlists .partlist table tbody tr td.td__image, #user-completed-builds .partlist table tbody tr td.td__image, #user-favorite-products .partlist table tbody tr td.td__image, #user-inventory-products .partlist table tbody tr td.td__image, #userbuild-pick-partlist .partlist table tbody tr td.td__image, #buildguide-view .partlist table tbody tr td.td__image {
    text-align: center
}

#partlist .partlist table tbody tr td.td__image a, #user-saved-partlists .partlist table tbody tr td.td__image a, #user-completed-builds .partlist table tbody tr td.td__image a, #user-favorite-products .partlist table tbody tr td.td__image a, #user-inventory-products .partlist table tbody tr td.td__image a, #userbuild-pick-partlist .partlist table tbody tr td.td__image a, #buildguide-view .partlist table tbody tr td.td__image a {
    display: block;
    width: 64px;
    height: 64px;
    background-color: #ffffff
}

#partlist .partlist table tbody tr td.td__image a img, #user-saved-partlists .partlist table tbody tr td.td__image a img, #user-completed-builds .partlist table tbody tr td.td__image a img, #user-favorite-products .partlist table tbody tr td.td__image a img, #user-inventory-products .partlist table tbody tr td.td__image a img, #userbuild-pick-partlist .partlist table tbody tr td.td__image a img, #buildguide-view .partlist table tbody tr td.td__image a img {
    max-width: 100%;
    max-height: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

@media only screen and (max-width: 767px) {
    #partlist .partlist table tbody tr td.td__image, #user-saved-partlists .partlist table tbody tr td.td__image, #user-completed-builds .partlist table tbody tr td.td__image, #user-favorite-products .partlist table tbody tr td.td__image, #user-inventory-products .partlist table tbody tr td.td__image, #userbuild-pick-partlist .partlist table tbody tr td.td__image, #buildguide-view .partlist table tbody tr td.td__image {
        padding-right: 0
    }
}

@media only screen and (max-width: 1049px) {
    #partlist .partlist table tbody tr td.td__image, #user-saved-partlists .partlist table tbody tr td.td__image, #user-completed-builds .partlist table tbody tr td.td__image, #user-favorite-products .partlist table tbody tr td.td__image, #user-inventory-products .partlist table tbody tr td.td__image, #userbuild-pick-partlist .partlist table tbody tr td.td__image, #buildguide-view .partlist table tbody tr td.td__image {
        justify-self: center;
        display: inline-block;
        margin-bottom: 0.5rem
    }
}

@media only screen and (max-width: 1049px) {
    #partlist .partlist table tbody tr td.td__image-2025, #user-saved-partlists .partlist table tbody tr td.td__image-2025, #user-completed-builds .partlist table tbody tr td.td__image-2025, #user-favorite-products .partlist table tbody tr td.td__image-2025, #user-inventory-products .partlist table tbody tr td.td__image-2025, #userbuild-pick-partlist .partlist table tbody tr td.td__image-2025, #buildguide-view .partlist table tbody tr td.td__image-2025 {
        justify-self: left
    }
}

#partlist .partlist table tbody tr td.td__name, #user-saved-partlists .partlist table tbody tr td.td__name, #user-completed-builds .partlist table tbody tr td.td__name, #user-favorite-products .partlist table tbody tr td.td__name, #user-inventory-products .partlist table tbody tr td.td__name, #userbuild-pick-partlist .partlist table tbody tr td.td__name, #buildguide-view .partlist table tbody tr td.td__name {
    line-height: 1.125
}

#partlist .partlist table tbody tr td.td__name > a, #user-saved-partlists .partlist table tbody tr td.td__name > a, #user-completed-builds .partlist table tbody tr td.td__name > a, #user-favorite-products .partlist table tbody tr td.td__name > a, #user-inventory-products .partlist table tbody tr td.td__name > a, #userbuild-pick-partlist .partlist table tbody tr td.td__name > a, #buildguide-view .partlist table tbody tr td.td__name > a {
    font-size: 0.875rem;
    font-weight: 700
}

.light-mode #partlist .partlist table tbody tr td.td__name > a, .light-mode #user-saved-partlists .partlist table tbody tr td.td__name > a, .light-mode #user-completed-builds .partlist table tbody tr td.td__name > a, .light-mode #user-favorite-products .partlist table tbody tr td.td__name > a, .light-mode #user-inventory-products .partlist table tbody tr td.td__name > a, .light-mode #userbuild-pick-partlist .partlist table tbody tr td.td__name > a, .light-mode #buildguide-view .partlist table tbody tr td.td__name > a {
    color: #191b2a
}

.dark-mode #partlist .partlist table tbody tr td.td__name > a, .dark-mode #user-saved-partlists .partlist table tbody tr td.td__name > a, .dark-mode #user-completed-builds .partlist table tbody tr td.td__name > a, .dark-mode #user-favorite-products .partlist table tbody tr td.td__name > a, .dark-mode #user-inventory-products .partlist table tbody tr td.td__name > a, .dark-mode #userbuild-pick-partlist .partlist table tbody tr td.td__name > a, .dark-mode #buildguide-view .partlist table tbody tr td.td__name > a {
    color: #FFFFFF
}

.light-mode #partlist .partlist table tbody tr td.td__name > a:hover, .light-mode #user-saved-partlists .partlist table tbody tr td.td__name > a:hover, .light-mode #user-completed-builds .partlist table tbody tr td.td__name > a:hover, .light-mode #user-favorite-products .partlist table tbody tr td.td__name > a:hover, .light-mode #user-inventory-products .partlist table tbody tr td.td__name > a:hover, .light-mode #userbuild-pick-partlist .partlist table tbody tr td.td__name > a:hover, .light-mode #buildguide-view .partlist table tbody tr td.td__name > a:hover {
    color: #2c87c3
}

.dark-mode #partlist .partlist table tbody tr td.td__name > a:hover, .dark-mode #user-saved-partlists .partlist table tbody tr td.td__name > a:hover, .dark-mode #user-completed-builds .partlist table tbody tr td.td__name > a:hover, .dark-mode #user-favorite-products .partlist table tbody tr td.td__name > a:hover, .dark-mode #user-inventory-products .partlist table tbody tr td.td__name > a:hover, .dark-mode #userbuild-pick-partlist .partlist table tbody tr td.td__name > a:hover, .dark-mode #buildguide-view .partlist table tbody tr td.td__name > a:hover {
    color: #74baff
}

@media only screen and (max-width: 1049px) {
    #partlist .partlist table tbody tr td.td__name, #user-saved-partlists .partlist table tbody tr td.td__name, #user-completed-builds .partlist table tbody tr td.td__name, #user-favorite-products .partlist table tbody tr td.td__name, #user-inventory-products .partlist table tbody tr td.td__name, #userbuild-pick-partlist .partlist table tbody tr td.td__name, #buildguide-view .partlist table tbody tr td.td__name {
        grid-column: 2/10;
        align-self: center;
        display: inline-block;
        padding-right: 0;
        line-height: 1.25;
        margin-bottom: 1rem
    }
}

@media only screen and (max-width: 767px) {
    #partlist .partlist table tbody tr td.td__name, #user-saved-partlists .partlist table tbody tr td.td__name, #user-completed-builds .partlist table tbody tr td.td__name, #user-favorite-products .partlist table tbody tr td.td__name, #user-inventory-products .partlist table tbody tr td.td__name, #userbuild-pick-partlist .partlist table tbody tr td.td__name, #buildguide-view .partlist table tbody tr td.td__name {
        grid-column: 2/5
    }
}

#partlist .partlist table tbody tr td.td__name p.p__parametric, #user-saved-partlists .partlist table tbody tr td.td__name p.p__parametric, #user-completed-builds .partlist table tbody tr td.td__name p.p__parametric, #user-favorite-products .partlist table tbody tr td.td__name p.p__parametric, #user-inventory-products .partlist table tbody tr td.td__name p.p__parametric, #userbuild-pick-partlist .partlist table tbody tr td.td__name p.p__parametric, #buildguide-view .partlist table tbody tr td.td__name p.p__parametric {
    font-size: 0.75rem;
    line-height: 1.25;
    margin-top: 0.25rem
}

#partlist .partlist table tbody tr td.td__name p.p__parametric a, #user-saved-partlists .partlist table tbody tr td.td__name p.p__parametric a, #user-completed-builds .partlist table tbody tr td.td__name p.p__parametric a, #user-favorite-products .partlist table tbody tr td.td__name p.p__parametric a, #user-inventory-products .partlist table tbody tr td.td__name p.p__parametric a, #userbuild-pick-partlist .partlist table tbody tr td.td__name p.p__parametric a, #buildguide-view .partlist table tbody tr td.td__name p.p__parametric a {
    font-size: 0.75rem
}

#partlist .partlist table tbody tr td.td__name p.p__parametric--filter, #user-saved-partlists .partlist table tbody tr td.td__name p.p__parametric--filter, #user-completed-builds .partlist table tbody tr td.td__name p.p__parametric--filter, #user-favorite-products .partlist table tbody tr td.td__name p.p__parametric--filter, #user-inventory-products .partlist table tbody tr td.td__name p.p__parametric--filter, #userbuild-pick-partlist .partlist table tbody tr td.td__name p.p__parametric--filter, #buildguide-view .partlist table tbody tr td.td__name p.p__parametric--filter {
    font-size: 0.75rem;
    margin-top: calc(0.5rem / 2)
}

.light-mode #partlist .partlist table tbody tr td.td__name p.p__parametric--filter, .light-mode #user-saved-partlists .partlist table tbody tr td.td__name p.p__parametric--filter, .light-mode #user-completed-builds .partlist table tbody tr td.td__name p.p__parametric--filter, .light-mode #user-favorite-products .partlist table tbody tr td.td__name p.p__parametric--filter, .light-mode #user-inventory-products .partlist table tbody tr td.td__name p.p__parametric--filter, .light-mode #userbuild-pick-partlist .partlist table tbody tr td.td__name p.p__parametric--filter, .light-mode #buildguide-view .partlist table tbody tr td.td__name p.p__parametric--filter {
    color: #929292
}

.dark-mode #partlist .partlist table tbody tr td.td__name p.p__parametric--filter, .dark-mode #user-saved-partlists .partlist table tbody tr td.td__name p.p__parametric--filter, .dark-mode #user-completed-builds .partlist table tbody tr td.td__name p.p__parametric--filter, .dark-mode #user-favorite-products .partlist table tbody tr td.td__name p.p__parametric--filter, .dark-mode #user-inventory-products .partlist table tbody tr td.td__name p.p__parametric--filter, .dark-mode #userbuild-pick-partlist .partlist table tbody tr td.td__name p.p__parametric--filter, .dark-mode #buildguide-view .partlist table tbody tr td.td__name p.p__parametric--filter {
    color: #717184
}

#partlist .partlist table tbody tr td.td__name p.p__parametric--filter a, #user-saved-partlists .partlist table tbody tr td.td__name p.p__parametric--filter a, #user-completed-builds .partlist table tbody tr td.td__name p.p__parametric--filter a, #user-favorite-products .partlist table tbody tr td.td__name p.p__parametric--filter a, #user-inventory-products .partlist table tbody tr td.td__name p.p__parametric--filter a, #userbuild-pick-partlist .partlist table tbody tr td.td__name p.p__parametric--filter a, #buildguide-view .partlist table tbody tr td.td__name p.p__parametric--filter a {
    font-size: 0.75rem;
    font-weight: 700
}

#partlist .partlist table tbody tr td.td__name p.p__parametric--selection, #user-saved-partlists .partlist table tbody tr td.td__name p.p__parametric--selection, #user-completed-builds .partlist table tbody tr td.td__name p.p__parametric--selection, #user-favorite-products .partlist table tbody tr td.td__name p.p__parametric--selection, #user-inventory-products .partlist table tbody tr td.td__name p.p__parametric--selection, #userbuild-pick-partlist .partlist table tbody tr td.td__name p.p__parametric--selection, #buildguide-view .partlist table tbody tr td.td__name p.p__parametric--selection {
    font-size: 0.75rem;
    margin-top: calc(0.5rem / 2)
}

.light-mode #partlist .partlist table tbody tr td.td__name p.p__parametric--selection, .light-mode #user-saved-partlists .partlist table tbody tr td.td__name p.p__parametric--selection, .light-mode #user-completed-builds .partlist table tbody tr td.td__name p.p__parametric--selection, .light-mode #user-favorite-products .partlist table tbody tr td.td__name p.p__parametric--selection, .light-mode #user-inventory-products .partlist table tbody tr td.td__name p.p__parametric--selection, .light-mode #userbuild-pick-partlist .partlist table tbody tr td.td__name p.p__parametric--selection, .light-mode #buildguide-view .partlist table tbody tr td.td__name p.p__parametric--selection {
    color: #929292
}

.dark-mode #partlist .partlist table tbody tr td.td__name p.p__parametric--selection, .dark-mode #user-saved-partlists .partlist table tbody tr td.td__name p.p__parametric--selection, .dark-mode #user-completed-builds .partlist table tbody tr td.td__name p.p__parametric--selection, .dark-mode #user-favorite-products .partlist table tbody tr td.td__name p.p__parametric--selection, .dark-mode #user-inventory-products .partlist table tbody tr td.td__name p.p__parametric--selection, .dark-mode #userbuild-pick-partlist .partlist table tbody tr td.td__name p.p__parametric--selection, .dark-mode #buildguide-view .partlist table tbody tr td.td__name p.p__parametric--selection {
    color: #717184
}

#partlist .partlist table tbody tr td.td__name p.p__parametric--selection a, #user-saved-partlists .partlist table tbody tr td.td__name p.p__parametric--selection a, #user-completed-builds .partlist table tbody tr td.td__name p.p__parametric--selection a, #user-favorite-products .partlist table tbody tr td.td__name p.p__parametric--selection a, #user-inventory-products .partlist table tbody tr td.td__name p.p__parametric--selection a, #userbuild-pick-partlist .partlist table tbody tr td.td__name p.p__parametric--selection a, #buildguide-view .partlist table tbody tr td.td__name p.p__parametric--selection a {
    font-size: 0.75rem;
    font-weight: 700
}

#partlist .partlist table tbody tr td.td__name ul.ul__parametric--parts, #user-saved-partlists .partlist table tbody tr td.td__name ul.ul__parametric--parts, #user-completed-builds .partlist table tbody tr td.td__name ul.ul__parametric--parts, #user-favorite-products .partlist table tbody tr td.td__name ul.ul__parametric--parts, #user-inventory-products .partlist table tbody tr td.td__name ul.ul__parametric--parts, #userbuild-pick-partlist .partlist table tbody tr td.td__name ul.ul__parametric--parts, #buildguide-view .partlist table tbody tr td.td__name ul.ul__parametric--parts {
    margin-top: calc(0.5rem / 2)
}

#partlist .partlist table tbody tr td.td__name ul.ul__parametric--parts li a, #user-saved-partlists .partlist table tbody tr td.td__name ul.ul__parametric--parts li a, #user-completed-builds .partlist table tbody tr td.td__name ul.ul__parametric--parts li a, #user-favorite-products .partlist table tbody tr td.td__name ul.ul__parametric--parts li a, #user-inventory-products .partlist table tbody tr td.td__name ul.ul__parametric--parts li a, #userbuild-pick-partlist .partlist table tbody tr td.td__name ul.ul__parametric--parts li a, #buildguide-view .partlist table tbody tr td.td__name ul.ul__parametric--parts li a {
    font-size: 0.75rem
}

#partlist .partlist table tbody tr td.td__swap, #user-saved-partlists .partlist table tbody tr td.td__swap, #user-completed-builds .partlist table tbody tr td.td__swap, #user-favorite-products .partlist table tbody tr td.td__swap, #user-inventory-products .partlist table tbody tr td.td__swap, #userbuild-pick-partlist .partlist table tbody tr td.td__swap, #buildguide-view .partlist table tbody tr td.td__swap {
    position: relative
}

#partlist .partlist table tbody tr td.td__swap a, #user-saved-partlists .partlist table tbody tr td.td__swap a, #user-completed-builds .partlist table tbody tr td.td__swap a, #user-favorite-products .partlist table tbody tr td.td__swap a, #user-inventory-products .partlist table tbody tr td.td__swap a, #userbuild-pick-partlist .partlist table tbody tr td.td__swap a, #buildguide-view .partlist table tbody tr td.td__swap a {
    position: absolute;
    top: -17px;
    font-size: 0.75rem
}

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

#partlist .partlist table tbody tr td.td__placement, #user-saved-partlists .partlist table tbody tr td.td__placement, #user-completed-builds .partlist table tbody tr td.td__placement, #user-favorite-products .partlist table tbody tr td.td__placement, #user-inventory-products .partlist table tbody tr td.td__placement, #userbuild-pick-partlist .partlist table tbody tr td.td__placement, #buildguide-view .partlist table tbody tr td.td__placement {
    justify-self: center;
    text-align: center
}

@media only screen and (max-width: 1049px) {
    #partlist .partlist table tbody tr td.td__placement, #user-saved-partlists .partlist table tbody tr td.td__placement, #user-completed-builds .partlist table tbody tr td.td__placement, #user-favorite-products .partlist table tbody tr td.td__placement, #user-inventory-products .partlist table tbody tr td.td__placement, #userbuild-pick-partlist .partlist table tbody tr td.td__placement, #buildguide-view .partlist table tbody tr td.td__placement {
        grid-column: 1/10;
        padding-right: 0
    }
}

@media only screen and (max-width: 767px) {
    #partlist .partlist table tbody tr td.td__placement, #user-saved-partlists .partlist table tbody tr td.td__placement, #user-completed-builds .partlist table tbody tr td.td__placement, #user-favorite-products .partlist table tbody tr td.td__placement, #user-inventory-products .partlist table tbody tr td.td__placement, #userbuild-pick-partlist .partlist table tbody tr td.td__placement, #buildguide-view .partlist table tbody tr td.td__placement {
        grid-column: 1/5
    }
}

#partlist .partlist table tbody tr td.td__placement .placement, #user-saved-partlists .partlist table tbody tr td.td__placement .placement, #user-completed-builds .partlist table tbody tr td.td__placement .placement, #user-favorite-products .partlist table tbody tr td.td__placement .placement, #user-inventory-products .partlist table tbody tr td.td__placement .placement, #userbuild-pick-partlist .partlist table tbody tr td.td__placement .placement, #buildguide-view .partlist table tbody tr td.td__placement .placement {
    display: inline-block;
    padding: 1px 5px;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 10px
}

.light-mode #partlist .partlist table tbody tr td.td__placement .placement, .light-mode #user-saved-partlists .partlist table tbody tr td.td__placement .placement, .light-mode #user-completed-builds .partlist table tbody tr td.td__placement .placement, .light-mode #user-favorite-products .partlist table tbody tr td.td__placement .placement, .light-mode #user-inventory-products .partlist table tbody tr td.td__placement .placement, .light-mode #userbuild-pick-partlist .partlist table tbody tr td.td__placement .placement, .light-mode #buildguide-view .partlist table tbody tr td.td__placement .placement {
    color: #ffffff;
    background-color: #26293b
}

.dark-mode #partlist .partlist table tbody tr td.td__placement .placement, .dark-mode #user-saved-partlists .partlist table tbody tr td.td__placement .placement, .dark-mode #user-completed-builds .partlist table tbody tr td.td__placement .placement, .dark-mode #user-favorite-products .partlist table tbody tr td.td__placement .placement, .dark-mode #user-inventory-products .partlist table tbody tr td.td__placement .placement, .dark-mode #userbuild-pick-partlist .partlist table tbody tr td.td__placement .placement, .dark-mode #buildguide-view .partlist table tbody tr td.td__placement .placement {
    color: #09090F;
    background-color: #B8B8C8
}

@media only screen and (max-width: 1049px) {
    #partlist .partlist table tbody tr td.td__name-2025, #user-saved-partlists .partlist table tbody tr td.td__name-2025, #user-completed-builds .partlist table tbody tr td.td__name-2025, #user-favorite-products .partlist table tbody tr td.td__name-2025, #user-inventory-products .partlist table tbody tr td.td__name-2025, #userbuild-pick-partlist .partlist table tbody tr td.td__name-2025, #buildguide-view .partlist table tbody tr td.td__name-2025 {
        grid-column: 2/11
    }
}

@media only screen and (max-width: 767px) {
    #partlist .partlist table tbody tr td.td__name-2025, #user-saved-partlists .partlist table tbody tr td.td__name-2025, #user-completed-builds .partlist table tbody tr td.td__name-2025, #user-favorite-products .partlist table tbody tr td.td__name-2025, #user-inventory-products .partlist table tbody tr td.td__name-2025, #userbuild-pick-partlist .partlist table tbody tr td.td__name-2025, #buildguide-view .partlist table tbody tr td.td__name-2025 {
        grid-column: 2/5
    }
}

#partlist .partlist table tbody tr td.td__promo, #user-saved-partlists .partlist table tbody tr td.td__promo, #user-completed-builds .partlist table tbody tr td.td__promo, #user-favorite-products .partlist table tbody tr td.td__promo, #user-inventory-products .partlist table tbody tr td.td__promo, #userbuild-pick-partlist .partlist table tbody tr td.td__promo, #buildguide-view .partlist table tbody tr td.td__promo {
    white-space: nowrap
}

.light-mode #partlist .partlist table tbody tr td.td__promo a, .light-mode #user-saved-partlists .partlist table tbody tr td.td__promo a, .light-mode #user-completed-builds .partlist table tbody tr td.td__promo a, .light-mode #user-favorite-products .partlist table tbody tr td.td__promo a, .light-mode #user-inventory-products .partlist table tbody tr td.td__promo a, .light-mode #userbuild-pick-partlist .partlist table tbody tr td.td__promo a, .light-mode #buildguide-view .partlist table tbody tr td.td__promo a {
    color: #00b16a
}

.dark-mode #partlist .partlist table tbody tr td.td__promo a, .dark-mode #user-saved-partlists .partlist table tbody tr td.td__promo a, .dark-mode #user-completed-builds .partlist table tbody tr td.td__promo a, .dark-mode #user-favorite-products .partlist table tbody tr td.td__promo a, .dark-mode #user-inventory-products .partlist table tbody tr td.td__promo a, .dark-mode #userbuild-pick-partlist .partlist table tbody tr td.td__promo a, .dark-mode #buildguide-view .partlist table tbody tr td.td__promo a {
    color: #26AD84
}

#partlist .partlist table tbody tr td.td__promo a sup, #user-saved-partlists .partlist table tbody tr td.td__promo a sup, #user-completed-builds .partlist table tbody tr td.td__promo a sup, #user-favorite-products .partlist table tbody tr td.td__promo a sup, #user-inventory-products .partlist table tbody tr td.td__promo a sup, #userbuild-pick-partlist .partlist table tbody tr td.td__promo a sup, #buildguide-view .partlist table tbody tr td.td__promo a sup {
    font-size: 9px;
    font-weight: 700
}

.light-mode #partlist .partlist table tbody tr td.td__promo a:hover, .light-mode #user-saved-partlists .partlist table tbody tr td.td__promo a:hover, .light-mode #user-completed-builds .partlist table tbody tr td.td__promo a:hover, .light-mode #user-favorite-products .partlist table tbody tr td.td__promo a:hover, .light-mode #user-inventory-products .partlist table tbody tr td.td__promo a:hover, .light-mode #userbuild-pick-partlist .partlist table tbody tr td.td__promo a:hover, .light-mode #buildguide-view .partlist table tbody tr td.td__promo a:hover {
    color: #d9d9d9
}

.dark-mode #partlist .partlist table tbody tr td.td__promo a:hover, .dark-mode #user-saved-partlists .partlist table tbody tr td.td__promo a:hover, .dark-mode #user-completed-builds .partlist table tbody tr td.td__promo a:hover, .dark-mode #user-favorite-products .partlist table tbody tr td.td__promo a:hover, .dark-mode #user-inventory-products .partlist table tbody tr td.td__promo a:hover, .dark-mode #userbuild-pick-partlist .partlist table tbody tr td.td__promo a:hover, .dark-mode #buildguide-view .partlist table tbody tr td.td__promo a:hover {
    color: black
}

#partlist .partlist table tbody tr td.td__shipping img, #user-saved-partlists .partlist table tbody tr td.td__shipping img, #user-completed-builds .partlist table tbody tr td.td__shipping img, #user-favorite-products .partlist table tbody tr td.td__shipping img, #user-inventory-products .partlist table tbody tr td.td__shipping img, #userbuild-pick-partlist .partlist table tbody tr td.td__shipping img, #buildguide-view .partlist table tbody tr td.td__shipping img {
    width: 48px
}

#partlist .partlist table tbody tr td.td__price, #user-saved-partlists .partlist table tbody tr td.td__price, #user-completed-builds .partlist table tbody tr td.td__price, #user-favorite-products .partlist table tbody tr td.td__price, #user-inventory-products .partlist table tbody tr td.td__price, #userbuild-pick-partlist .partlist table tbody tr td.td__price, #buildguide-view .partlist table tbody tr td.td__price {
    font-weight: 700;
    font-size: 0.875rem;
    padding-right: 1rem
}

.light-mode #partlist .partlist table tbody tr td.td__price, .light-mode #user-saved-partlists .partlist table tbody tr td.td__price, .light-mode #user-completed-builds .partlist table tbody tr td.td__price, .light-mode #user-favorite-products .partlist table tbody tr td.td__price, .light-mode #user-inventory-products .partlist table tbody tr td.td__price, .light-mode #userbuild-pick-partlist .partlist table tbody tr td.td__price, .light-mode #buildguide-view .partlist table tbody tr td.td__price {
    color: #191b2a
}

.dark-mode #partlist .partlist table tbody tr td.td__price, .dark-mode #user-saved-partlists .partlist table tbody tr td.td__price, .dark-mode #user-completed-builds .partlist table tbody tr td.td__price, .dark-mode #user-favorite-products .partlist table tbody tr td.td__price, .dark-mode #user-inventory-products .partlist table tbody tr td.td__price, .dark-mode #userbuild-pick-partlist .partlist table tbody tr td.td__price, .dark-mode #buildguide-view .partlist table tbody tr td.td__price {
    color: #FFFFFF
}

.light-mode #partlist .partlist table tbody tr td.td__price a, .light-mode #user-saved-partlists .partlist table tbody tr td.td__price a, .light-mode #user-completed-builds .partlist table tbody tr td.td__price a, .light-mode #user-favorite-products .partlist table tbody tr td.td__price a, .light-mode #user-inventory-products .partlist table tbody tr td.td__price a, .light-mode #userbuild-pick-partlist .partlist table tbody tr td.td__price a, .light-mode #buildguide-view .partlist table tbody tr td.td__price a {
    color: #00b16a
}

.dark-mode #partlist .partlist table tbody tr td.td__price a, .dark-mode #user-saved-partlists .partlist table tbody tr td.td__price a, .dark-mode #user-completed-builds .partlist table tbody tr td.td__price a, .dark-mode #user-favorite-products .partlist table tbody tr td.td__price a, .dark-mode #user-inventory-products .partlist table tbody tr td.td__price a, .dark-mode #userbuild-pick-partlist .partlist table tbody tr td.td__price a, .dark-mode #buildguide-view .partlist table tbody tr td.td__price a {
    color: #26AD84
}

#partlist .partlist table tbody tr td.td__price--none, #user-saved-partlists .partlist table tbody tr td.td__price--none, #user-completed-builds .partlist table tbody tr td.td__price--none, #user-favorite-products .partlist table tbody tr td.td__price--none, #user-inventory-products .partlist table tbody tr td.td__price--none, #userbuild-pick-partlist .partlist table tbody tr td.td__price--none, #buildguide-view .partlist table tbody tr td.td__price--none {
    font-size: 0.6875rem;
    font-weight: normal;
    line-height: 1.125
}

@media only screen and (min-width: 1100px) {
    #partlist .partlist table tbody tr td.td__price--none span, #user-saved-partlists .partlist table tbody tr td.td__price--none span, #user-completed-builds .partlist table tbody tr td.td__price--none span, #user-favorite-products .partlist table tbody tr td.td__price--none span, #user-inventory-products .partlist table tbody tr td.td__price--none span, #userbuild-pick-partlist .partlist table tbody tr td.td__price--none span, #buildguide-view .partlist table tbody tr td.td__price--none span {
        display: block
    }
}

#partlist .partlist table tbody tr td.td__where, #user-saved-partlists .partlist table tbody tr td.td__where, #user-completed-builds .partlist table tbody tr td.td__where, #user-favorite-products .partlist table tbody tr td.td__where, #user-inventory-products .partlist table tbody tr td.td__where, #userbuild-pick-partlist .partlist table tbody tr td.td__where, #buildguide-view .partlist table tbody tr td.td__where {
    padding-right: 1rem
}

#partlist .partlist table tbody tr td.td__where a, #user-saved-partlists .partlist table tbody tr td.td__where a, #user-completed-builds .partlist table tbody tr td.td__where a, #user-favorite-products .partlist table tbody tr td.td__where a, #user-inventory-products .partlist table tbody tr td.td__where a, #userbuild-pick-partlist .partlist table tbody tr td.td__where a, #buildguide-view .partlist table tbody tr td.td__where a {
    display: block;
    overflow: hidden;
    width: 64px;
    height: 23px
}

@media only screen and (max-width: 767px) {
    #partlist .partlist table tbody tr td.td__where a, #user-saved-partlists .partlist table tbody tr td.td__where a, #user-completed-builds .partlist table tbody tr td.td__where a, #user-favorite-products .partlist table tbody tr td.td__where a, #user-inventory-products .partlist table tbody tr td.td__where a, #userbuild-pick-partlist .partlist table tbody tr td.td__where a, #buildguide-view .partlist table tbody tr td.td__where a {
        width: 81px;
        height: 29px
    }
}

#partlist .partlist table tbody tr td.td__where a img, #user-saved-partlists .partlist table tbody tr td.td__where a img, #user-completed-builds .partlist table tbody tr td.td__where a img, #user-favorite-products .partlist table tbody tr td.td__where a img, #user-inventory-products .partlist table tbody tr td.td__where a img, #userbuild-pick-partlist .partlist table tbody tr td.td__where a img, #buildguide-view .partlist table tbody tr td.td__where a img {
    position: relative;
    width: 64px;
    max-width: none
}

.light-mode #partlist .partlist table tbody tr td.td__where a img, .light-mode #user-saved-partlists .partlist table tbody tr td.td__where a img, .light-mode #user-completed-builds .partlist table tbody tr td.td__where a img, .light-mode #user-favorite-products .partlist table tbody tr td.td__where a img, .light-mode #user-inventory-products .partlist table tbody tr td.td__where a img, .light-mode #userbuild-pick-partlist .partlist table tbody tr td.td__where a img, .light-mode #buildguide-view .partlist table tbody tr td.td__where a img {
    top: 0px
}

.dark-mode #partlist .partlist table tbody tr td.td__where a img, .dark-mode #user-saved-partlists .partlist table tbody tr td.td__where a img, .dark-mode #user-completed-builds .partlist table tbody tr td.td__where a img, .dark-mode #user-favorite-products .partlist table tbody tr td.td__where a img, .dark-mode #user-inventory-products .partlist table tbody tr td.td__where a img, .dark-mode #userbuild-pick-partlist .partlist table tbody tr td.td__where a img, .dark-mode #buildguide-view .partlist table tbody tr td.td__where a img {
    top: -100%
}

@media only screen and (max-width: 767px) {
    #partlist .partlist table tbody tr td.td__where a img, #user-saved-partlists .partlist table tbody tr td.td__where a img, #user-completed-builds .partlist table tbody tr td.td__where a img, #user-favorite-products .partlist table tbody tr td.td__where a img, #user-inventory-products .partlist table tbody tr td.td__where a img, #userbuild-pick-partlist .partlist table tbody tr td.td__where a img, #buildguide-view .partlist table tbody tr td.td__where a img {
        width: 81px
    }
}

#partlist .partlist table tbody tr td.td__where.td__where--purchased, #user-saved-partlists .partlist table tbody tr td.td__where.td__where--purchased, #user-completed-builds .partlist table tbody tr td.td__where.td__where--purchased, #user-favorite-products .partlist table tbody tr td.td__where.td__where--purchased, #user-inventory-products .partlist table tbody tr td.td__where.td__where--purchased, #userbuild-pick-partlist .partlist table tbody tr td.td__where.td__where--purchased, #buildguide-view .partlist table tbody tr td.td__where.td__where--purchased {
    font-size: 0.75rem
}

#partlist .partlist table tbody tr td.td__where.td__where--purchased h6, #user-saved-partlists .partlist table tbody tr td.td__where.td__where--purchased h6, #user-completed-builds .partlist table tbody tr td.td__where.td__where--purchased h6, #user-favorite-products .partlist table tbody tr td.td__where.td__where--purchased h6, #user-inventory-products .partlist table tbody tr td.td__where.td__where--purchased h6, #userbuild-pick-partlist .partlist table tbody tr td.td__where.td__where--purchased h6, #buildguide-view .partlist table tbody tr td.td__where.td__where--purchased h6 {
    font-style: normal
}

#partlist .partlist table tbody tr td.td__where.td__where--overridden p, #user-saved-partlists .partlist table tbody tr td.td__where.td__where--overridden p, #user-completed-builds .partlist table tbody tr td.td__where.td__where--overridden p, #user-favorite-products .partlist table tbody tr td.td__where.td__where--overridden p, #user-inventory-products .partlist table tbody tr td.td__where.td__where--overridden p, #userbuild-pick-partlist .partlist table tbody tr td.td__where.td__where--overridden p, #buildguide-view .partlist table tbody tr td.td__where.td__where--overridden p {
    font-style: italic;
    display: inline-block;
    margin-left: 0.5rem
}

@media only screen and (min-width: 1100px) {
    #partlist .partlist table tbody tr td.td__where.td__where--overridden p, #user-saved-partlists .partlist table tbody tr td.td__where.td__where--overridden p, #user-completed-builds .partlist table tbody tr td.td__where.td__where--overridden p, #user-favorite-products .partlist table tbody tr td.td__where.td__where--overridden p, #user-inventory-products .partlist table tbody tr td.td__where.td__where--overridden p, #userbuild-pick-partlist .partlist table tbody tr td.td__where.td__where--overridden p, #buildguide-view .partlist table tbody tr td.td__where.td__where--overridden p {
        display: block;
        margin-left: 0;
        margin-top: calc(0.5rem / 2)
    }
}

#partlist .partlist table tbody tr td.td__settings, #user-saved-partlists .partlist table tbody tr td.td__settings, #user-completed-builds .partlist table tbody tr td.td__settings, #user-favorite-products .partlist table tbody tr td.td__settings, #user-inventory-products .partlist table tbody tr td.td__settings, #userbuild-pick-partlist .partlist table tbody tr td.td__settings, #buildguide-view .partlist table tbody tr td.td__settings {
    padding-right: 1rem
}

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

#partlist .partlist table tbody tr td.td__settings svg, #user-saved-partlists .partlist table tbody tr td.td__settings svg, #user-completed-builds .partlist table tbody tr td.td__settings svg, #user-favorite-products .partlist table tbody tr td.td__settings svg, #user-inventory-products .partlist table tbody tr td.td__settings svg, #userbuild-pick-partlist .partlist table tbody tr td.td__settings svg, #buildguide-view .partlist table tbody tr td.td__settings svg {
    margin-bottom: -4px;
    transition: fill 0.45s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.light-mode #partlist .partlist table tbody tr td.td__settings svg, .light-mode #user-saved-partlists .partlist table tbody tr td.td__settings svg, .light-mode #user-completed-builds .partlist table tbody tr td.td__settings svg, .light-mode #user-favorite-products .partlist table tbody tr td.td__settings svg, .light-mode #user-inventory-products .partlist table tbody tr td.td__settings svg, .light-mode #userbuild-pick-partlist .partlist table tbody tr td.td__settings svg, .light-mode #buildguide-view .partlist table tbody tr td.td__settings svg {
    fill: #929292
}

.dark-mode #partlist .partlist table tbody tr td.td__settings svg, .dark-mode #user-saved-partlists .partlist table tbody tr td.td__settings svg, .dark-mode #user-completed-builds .partlist table tbody tr td.td__settings svg, .dark-mode #user-favorite-products .partlist table tbody tr td.td__settings svg, .dark-mode #user-inventory-products .partlist table tbody tr td.td__settings svg, .dark-mode #userbuild-pick-partlist .partlist table tbody tr td.td__settings svg, .dark-mode #buildguide-view .partlist table tbody tr td.td__settings svg {
    fill: #717184
}

#partlist .partlist table tbody tr td.td__settings svg:hover, #user-saved-partlists .partlist table tbody tr td.td__settings svg:hover, #user-completed-builds .partlist table tbody tr td.td__settings svg:hover, #user-favorite-products .partlist table tbody tr td.td__settings svg:hover, #user-inventory-products .partlist table tbody tr td.td__settings svg:hover, #userbuild-pick-partlist .partlist table tbody tr td.td__settings svg:hover, #buildguide-view .partlist table tbody tr td.td__settings svg:hover {
    transition: fill 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.light-mode #partlist .partlist table tbody tr td.td__settings svg:hover, .light-mode #user-saved-partlists .partlist table tbody tr td.td__settings svg:hover, .light-mode #user-completed-builds .partlist table tbody tr td.td__settings svg:hover, .light-mode #user-favorite-products .partlist table tbody tr td.td__settings svg:hover, .light-mode #user-inventory-products .partlist table tbody tr td.td__settings svg:hover, .light-mode #userbuild-pick-partlist .partlist table tbody tr td.td__settings svg:hover, .light-mode #buildguide-view .partlist table tbody tr td.td__settings svg:hover {
    fill: #2c87c3
}

.dark-mode #partlist .partlist table tbody tr td.td__settings svg:hover, .dark-mode #user-saved-partlists .partlist table tbody tr td.td__settings svg:hover, .dark-mode #user-completed-builds .partlist table tbody tr td.td__settings svg:hover, .dark-mode #user-favorite-products .partlist table tbody tr td.td__settings svg:hover, .dark-mode #user-inventory-products .partlist table tbody tr td.td__settings svg:hover, .dark-mode #userbuild-pick-partlist .partlist table tbody tr td.td__settings svg:hover, .dark-mode #buildguide-view .partlist table tbody tr td.td__settings svg:hover {
    fill: #74baff
}

#partlist .partlist table tbody tr td.td__locked, #user-saved-partlists .partlist table tbody tr td.td__locked, #user-completed-builds .partlist table tbody tr td.td__locked, #user-favorite-products .partlist table tbody tr td.td__locked, #user-inventory-products .partlist table tbody tr td.td__locked, #userbuild-pick-partlist .partlist table tbody tr td.td__locked, #buildguide-view .partlist table tbody tr td.td__locked {
    padding-right: 1rem
}

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

#partlist .partlist table tbody tr td.td__locked svg, #user-saved-partlists .partlist table tbody tr td.td__locked svg, #user-completed-builds .partlist table tbody tr td.td__locked svg, #user-favorite-products .partlist table tbody tr td.td__locked svg, #user-inventory-products .partlist table tbody tr td.td__locked svg, #userbuild-pick-partlist .partlist table tbody tr td.td__locked svg, #buildguide-view .partlist table tbody tr td.td__locked svg {
    margin-bottom: -4px;
    transition: fill 0.45s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.light-mode #partlist .partlist table tbody tr td.td__locked svg, .light-mode #user-saved-partlists .partlist table tbody tr td.td__locked svg, .light-mode #user-completed-builds .partlist table tbody tr td.td__locked svg, .light-mode #user-favorite-products .partlist table tbody tr td.td__locked svg, .light-mode #user-inventory-products .partlist table tbody tr td.td__locked svg, .light-mode #userbuild-pick-partlist .partlist table tbody tr td.td__locked svg, .light-mode #buildguide-view .partlist table tbody tr td.td__locked svg {
    fill: #929292
}

.dark-mode #partlist .partlist table tbody tr td.td__locked svg, .dark-mode #user-saved-partlists .partlist table tbody tr td.td__locked svg, .dark-mode #user-completed-builds .partlist table tbody tr td.td__locked svg, .dark-mode #user-favorite-products .partlist table tbody tr td.td__locked svg, .dark-mode #user-inventory-products .partlist table tbody tr td.td__locked svg, .dark-mode #userbuild-pick-partlist .partlist table tbody tr td.td__locked svg, .dark-mode #buildguide-view .partlist table tbody tr td.td__locked svg {
    fill: #717184
}

#partlist .partlist table tbody tr td.td__locked svg:hover, #user-saved-partlists .partlist table tbody tr td.td__locked svg:hover, #user-completed-builds .partlist table tbody tr td.td__locked svg:hover, #user-favorite-products .partlist table tbody tr td.td__locked svg:hover, #user-inventory-products .partlist table tbody tr td.td__locked svg:hover, #userbuild-pick-partlist .partlist table tbody tr td.td__locked svg:hover, #buildguide-view .partlist table tbody tr td.td__locked svg:hover {
    transition: fill 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.light-mode #partlist .partlist table tbody tr td.td__locked svg:hover, .light-mode #user-saved-partlists .partlist table tbody tr td.td__locked svg:hover, .light-mode #user-completed-builds .partlist table tbody tr td.td__locked svg:hover, .light-mode #user-favorite-products .partlist table tbody tr td.td__locked svg:hover, .light-mode #user-inventory-products .partlist table tbody tr td.td__locked svg:hover, .light-mode #userbuild-pick-partlist .partlist table tbody tr td.td__locked svg:hover, .light-mode #buildguide-view .partlist table tbody tr td.td__locked svg:hover {
    fill: #2c87c3
}

.dark-mode #partlist .partlist table tbody tr td.td__locked svg:hover, .dark-mode #user-saved-partlists .partlist table tbody tr td.td__locked svg:hover, .dark-mode #user-completed-builds .partlist table tbody tr td.td__locked svg:hover, .dark-mode #user-favorite-products .partlist table tbody tr td.td__locked svg:hover, .dark-mode #user-inventory-products .partlist table tbody tr td.td__locked svg:hover, .dark-mode #userbuild-pick-partlist .partlist table tbody tr td.td__locked svg:hover, .dark-mode #buildguide-view .partlist table tbody tr td.td__locked svg:hover {
    fill: #74baff
}

#partlist .partlist table tbody tr td.td__buy, #user-saved-partlists .partlist table tbody tr td.td__buy, #user-completed-builds .partlist table tbody tr td.td__buy, #user-favorite-products .partlist table tbody tr td.td__buy, #user-inventory-products .partlist table tbody tr td.td__buy, #userbuild-pick-partlist .partlist table tbody tr td.td__buy, #buildguide-view .partlist table tbody tr td.td__buy {
    padding-right: 0.5rem
}

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

#partlist .partlist table tbody tr td.td__settingsButton, #user-saved-partlists .partlist table tbody tr td.td__settingsButton, #user-completed-builds .partlist table tbody tr td.td__settingsButton, #user-favorite-products .partlist table tbody tr td.td__settingsButton, #user-inventory-products .partlist table tbody tr td.td__settingsButton, #userbuild-pick-partlist .partlist table tbody tr td.td__settingsButton, #buildguide-view .partlist table tbody tr td.td__settingsButton {
    padding-right: 0;
    display: inline-block
}

@media only screen and (min-width: 768px) {
    #partlist .partlist table tbody tr td.td__settingsButton, #user-saved-partlists .partlist table tbody tr td.td__settingsButton, #user-completed-builds .partlist table tbody tr td.td__settingsButton, #user-favorite-products .partlist table tbody tr td.td__settingsButton, #user-inventory-products .partlist table tbody tr td.td__settingsButton, #userbuild-pick-partlist .partlist table tbody tr td.td__settingsButton, #buildguide-view .partlist table tbody tr td.td__settingsButton {
        display: none
    }
}

#partlist .partlist table tbody tr td.td__settingsButton a.button, #user-saved-partlists .partlist table tbody tr td.td__settingsButton a.button, #user-completed-builds .partlist table tbody tr td.td__settingsButton a.button, #user-favorite-products .partlist table tbody tr td.td__settingsButton a.button, #user-inventory-products .partlist table tbody tr td.td__settingsButton a.button, #userbuild-pick-partlist .partlist table tbody tr td.td__settingsButton a.button, #buildguide-view .partlist table tbody tr td.td__settingsButton a.button {
    width: 100%
}

#partlist .partlist table tbody tr td.td__removeButton, #user-saved-partlists .partlist table tbody tr td.td__removeButton, #user-completed-builds .partlist table tbody tr td.td__removeButton, #user-favorite-products .partlist table tbody tr td.td__removeButton, #user-inventory-products .partlist table tbody tr td.td__removeButton, #userbuild-pick-partlist .partlist table tbody tr td.td__removeButton, #buildguide-view .partlist table tbody tr td.td__removeButton {
    padding-right: 0;
    float: right;
    display: inline-block
}

@media only screen and (min-width: 768px) {
    #partlist .partlist table tbody tr td.td__removeButton, #user-saved-partlists .partlist table tbody tr td.td__removeButton, #user-completed-builds .partlist table tbody tr td.td__removeButton, #user-favorite-products .partlist table tbody tr td.td__removeButton, #user-inventory-products .partlist table tbody tr td.td__removeButton, #userbuild-pick-partlist .partlist table tbody tr td.td__removeButton, #buildguide-view .partlist table tbody tr td.td__removeButton {
        display: none
    }
}

#partlist .partlist table tbody tr td.td__removeButton a.button, #user-saved-partlists .partlist table tbody tr td.td__removeButton a.button, #user-completed-builds .partlist table tbody tr td.td__removeButton a.button, #user-favorite-products .partlist table tbody tr td.td__removeButton a.button, #user-inventory-products .partlist table tbody tr td.td__removeButton a.button, #userbuild-pick-partlist .partlist table tbody tr td.td__removeButton a.button, #buildguide-view .partlist table tbody tr td.td__removeButton a.button {
    width: 100%
}

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

#partlist .partlist--merchant, #user-saved-partlists .partlist--merchant, #user-completed-builds .partlist--merchant, #user-favorite-products .partlist--merchant, #user-inventory-products .partlist--merchant, #userbuild-pick-partlist .partlist--merchant, #buildguide-view .partlist--merchant {
    padding: 3rem 0
}

@media only screen and (min-width: 1100px) {
    #partlist .partlist--merchant, #user-saved-partlists .partlist--merchant, #user-completed-builds .partlist--merchant, #user-favorite-products .partlist--merchant, #user-inventory-products .partlist--merchant, #userbuild-pick-partlist .partlist--merchant, #buildguide-view .partlist--merchant {
        padding: 0
    }
}

#partlist .partlist--merchant .merchant__header--btn, #user-saved-partlists .partlist--merchant .merchant__header--btn, #user-completed-builds .partlist--merchant .merchant__header--btn, #user-favorite-products .partlist--merchant .merchant__header--btn, #user-inventory-products .partlist--merchant .merchant__header--btn, #userbuild-pick-partlist .partlist--merchant .merchant__header--btn, #buildguide-view .partlist--merchant .merchant__header--btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.5rem
}

#partlist .partlist--merchant .merchant, #user-saved-partlists .partlist--merchant .merchant, #user-completed-builds .partlist--merchant .merchant, #user-favorite-products .partlist--merchant .merchant, #user-inventory-products .partlist--merchant .merchant, #userbuild-pick-partlist .partlist--merchant .merchant, #buildguide-view .partlist--merchant .merchant {
    display: block;
    overflow: hidden;
    width: 100px;
    height: 36px
}

#partlist .partlist--merchant .merchant img, #user-saved-partlists .partlist--merchant .merchant img, #user-completed-builds .partlist--merchant .merchant img, #user-favorite-products .partlist--merchant .merchant img, #user-inventory-products .partlist--merchant .merchant img, #userbuild-pick-partlist .partlist--merchant .merchant img, #buildguide-view .partlist--merchant .merchant img {
    position: relative;
    width: 100px
}

.light-mode #partlist .partlist--merchant .merchant img, .light-mode #user-saved-partlists .partlist--merchant .merchant img, .light-mode #user-completed-builds .partlist--merchant .merchant img, .light-mode #user-favorite-products .partlist--merchant .merchant img, .light-mode #user-inventory-products .partlist--merchant .merchant img, .light-mode #userbuild-pick-partlist .partlist--merchant .merchant img, .light-mode #buildguide-view .partlist--merchant .merchant img {
    top: 0px
}

.dark-mode #partlist .partlist--merchant .merchant img, .dark-mode #user-saved-partlists .partlist--merchant .merchant img, .dark-mode #user-completed-builds .partlist--merchant .merchant img, .dark-mode #user-favorite-products .partlist--merchant .merchant img, .dark-mode #user-inventory-products .partlist--merchant .merchant img, .dark-mode #userbuild-pick-partlist .partlist--merchant .merchant img, .dark-mode #buildguide-view .partlist--merchant .merchant img {
    top: -100%
}

#partlist .partlist--merchant table tbody tr td, #user-saved-partlists .partlist--merchant table tbody tr td, #user-completed-builds .partlist--merchant table tbody tr td, #user-favorite-products .partlist--merchant table tbody tr td, #user-inventory-products .partlist--merchant table tbody tr td, #userbuild-pick-partlist .partlist--merchant table tbody tr td, #buildguide-view .partlist--merchant table tbody tr td {
    height: auto
}

@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: auto
    }
}

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

@media only screen and (max-width: 1049px) {
    #partlist .partlist--merchant table tbody tr .td__image-2025, #user-saved-partlists .partlist--merchant table tbody tr .td__image-2025, #user-completed-builds .partlist--merchant table tbody tr .td__image-2025, #user-favorite-products .partlist--merchant table tbody tr .td__image-2025, #user-inventory-products .partlist--merchant table tbody tr .td__image-2025, #userbuild-pick-partlist .partlist--merchant table tbody tr .td__image-2025, #buildguide-view .partlist--merchant table tbody tr .td__image-2025 {
        justify-self: left
    }
}

@media only screen and (max-width: 1049px) {
    #partlist .partlist--merchant table tbody tr.td__component-2025, #user-saved-partlists .partlist--merchant table tbody tr.td__component-2025, #user-completed-builds .partlist--merchant table tbody tr.td__component-2025, #user-favorite-products .partlist--merchant table tbody tr.td__component-2025, #user-inventory-products .partlist--merchant table tbody tr.td__component-2025, #userbuild-pick-partlist .partlist--merchant table tbody tr.td__component-2025, #buildguide-view .partlist--merchant table tbody tr.td__component-2025 {
        grid-column: 1/10;
        border-top-width: 1px;
        border-top-style: solid;
        padding: 0.5rem 0
    }

    .light-mode #partlist .partlist--merchant table tbody tr.td__component-2025, .light-mode #user-saved-partlists .partlist--merchant table tbody tr.td__component-2025, .light-mode #user-completed-builds .partlist--merchant table tbody tr.td__component-2025, .light-mode #user-favorite-products .partlist--merchant table tbody tr.td__component-2025, .light-mode #user-inventory-products .partlist--merchant table tbody tr.td__component-2025, .light-mode #userbuild-pick-partlist .partlist--merchant table tbody tr.td__component-2025, .light-mode #buildguide-view .partlist--merchant table tbody tr.td__component-2025 {
        border-color: #dbdbdb
    }

    .dark-mode #partlist .partlist--merchant table tbody tr.td__component-2025, .dark-mode #user-saved-partlists .partlist--merchant table tbody tr.td__component-2025, .dark-mode #user-completed-builds .partlist--merchant table tbody tr.td__component-2025, .dark-mode #user-favorite-products .partlist--merchant table tbody tr.td__component-2025, .dark-mode #user-inventory-products .partlist--merchant table tbody tr.td__component-2025, .dark-mode #userbuild-pick-partlist .partlist--merchant table tbody tr.td__component-2025, .dark-mode #buildguide-view .partlist--merchant table tbody tr.td__component-2025 {
        border-color: #37374d
    }

    #partlist .partlist--merchant table tbody tr.td__component-2025:after, #user-saved-partlists .partlist--merchant table tbody tr.td__component-2025:after, #user-completed-builds .partlist--merchant table tbody tr.td__component-2025:after, #user-favorite-products .partlist--merchant table tbody tr.td__component-2025:after, #user-inventory-products .partlist--merchant table tbody tr.td__component-2025:after, #userbuild-pick-partlist .partlist--merchant table tbody tr.td__component-2025:after, #buildguide-view .partlist--merchant table tbody tr.td__component-2025:after {
        height: 0px
    }
}

@media only screen and (max-width: 767px) {
    #partlist .partlist--merchant table tbody tr.td__component-2025, #user-saved-partlists .partlist--merchant table tbody tr.td__component-2025, #user-completed-builds .partlist--merchant table tbody tr.td__component-2025, #user-favorite-products .partlist--merchant table tbody tr.td__component-2025, #user-inventory-products .partlist--merchant table tbody tr.td__component-2025, #userbuild-pick-partlist .partlist--merchant table tbody tr.td__component-2025, #buildguide-view .partlist--merchant table tbody tr.td__component-2025 {
        grid-column: 1/5
    }
}

@media only screen and (max-width: 1049px) {
    #partlist .partlist--merchant table tbody tr.td__component-2025 a, #partlist .partlist--merchant table tbody tr.td__component-2025 p, #user-saved-partlists .partlist--merchant table tbody tr.td__component-2025 a, #user-saved-partlists .partlist--merchant table tbody tr.td__component-2025 p, #user-completed-builds .partlist--merchant table tbody tr.td__component-2025 a, #user-completed-builds .partlist--merchant table tbody tr.td__component-2025 p, #user-favorite-products .partlist--merchant table tbody tr.td__component-2025 a, #user-favorite-products .partlist--merchant table tbody tr.td__component-2025 p, #user-inventory-products .partlist--merchant table tbody tr.td__component-2025 a, #user-inventory-products .partlist--merchant table tbody tr.td__component-2025 p, #userbuild-pick-partlist .partlist--merchant table tbody tr.td__component-2025 a, #userbuild-pick-partlist .partlist--merchant table tbody tr.td__component-2025 p, #buildguide-view .partlist--merchant table tbody tr.td__component-2025 a, #buildguide-view .partlist--merchant table tbody tr.td__component-2025 p {
        display: inline-block;
        z-index: 1;
        position: relative;
        padding-right: 0.5rem
    }

    .light-mode #partlist .partlist--merchant table tbody tr.td__component-2025 a, .light-mode #partlist .partlist--merchant table tbody tr.td__component-2025 p, .light-mode #user-saved-partlists .partlist--merchant table tbody tr.td__component-2025 a, .light-mode #user-saved-partlists .partlist--merchant table tbody tr.td__component-2025 p, .light-mode #user-completed-builds .partlist--merchant table tbody tr.td__component-2025 a, .light-mode #user-completed-builds .partlist--merchant table tbody tr.td__component-2025 p, .light-mode #user-favorite-products .partlist--merchant table tbody tr.td__component-2025 a, .light-mode #user-favorite-products .partlist--merchant table tbody tr.td__component-2025 p, .light-mode #user-inventory-products .partlist--merchant table tbody tr.td__component-2025 a, .light-mode #user-inventory-products .partlist--merchant table tbody tr.td__component-2025 p, .light-mode #userbuild-pick-partlist .partlist--merchant table tbody tr.td__component-2025 a, .light-mode #userbuild-pick-partlist .partlist--merchant table tbody tr.td__component-2025 p, .light-mode #buildguide-view .partlist--merchant table tbody tr.td__component-2025 a, .light-mode #buildguide-view .partlist--merchant table tbody tr.td__component-2025 p {
        background-color: #f4f4f3
    }

    .dark-mode #partlist .partlist--merchant table tbody tr.td__component-2025 a, .dark-mode #partlist .partlist--merchant table tbody tr.td__component-2025 p, .dark-mode #user-saved-partlists .partlist--merchant table tbody tr.td__component-2025 a, .dark-mode #user-saved-partlists .partlist--merchant table tbody tr.td__component-2025 p, .dark-mode #user-completed-builds .partlist--merchant table tbody tr.td__component-2025 a, .dark-mode #user-completed-builds .partlist--merchant table tbody tr.td__component-2025 p, .dark-mode #user-favorite-products .partlist--merchant table tbody tr.td__component-2025 a, .dark-mode #user-favorite-products .partlist--merchant table tbody tr.td__component-2025 p, .dark-mode #user-inventory-products .partlist--merchant table tbody tr.td__component-2025 a, .dark-mode #user-inventory-products .partlist--merchant table tbody tr.td__component-2025 p, .dark-mode #userbuild-pick-partlist .partlist--merchant table tbody tr.td__component-2025 a, .dark-mode #userbuild-pick-partlist .partlist--merchant table tbody tr.td__component-2025 p, .dark-mode #buildguide-view .partlist--merchant table tbody tr.td__component-2025 a, .dark-mode #buildguide-view .partlist--merchant table tbody tr.td__component-2025 p {
        background-color: #282838
    }
}

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

.partlist--view-2025 .tr__product h6 {
    display: none
}

@media only screen and (max-width: 1049px) {
    .partlist--view-2025 .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-2025 .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
    }
}

.partlist--edit-2025 .tr__product h6 {
    display: none
}

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

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

#user-favorite-products .block h3 {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.25;
    min-width: 100px
}

#user-favorite-products .block h3 span {
    display: inline-block;
    z-index: 1;
    position: relative;
    padding-right: 0.5rem
}

@media only screen and (max-width: 1049px) {
    #user-favorite-products .block h3 {
        min-width: none;
        font-size: 0.875rem;
        font-weight: 700;
        position: relative
    }

    .light-mode #user-favorite-products .block h3 span {
        background-color: #f4f4f3
    }

    .dark-mode #user-favorite-products .block h3 span {
        background-color: #282838
    }

    #user-favorite-products .block h3:after {
        content: "";
        display: block;
        height: 1px;
        width: 100%;
        position: absolute;
        top: 50%
    }

    .light-mode #user-favorite-products .block h3:after {
        background-color: #929292
    }

    .dark-mode #user-favorite-products .block h3:after {
        background-color: #717184
    }
}

@media only screen and (max-width: 767px) {
    #user-favorite-products table thead {
        display: none
    }
}

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

    .light-mode #user-favorite-products table tbody tr.tr__product {
        border-color: #dbdbdb;
        color: #26293b
    }

    .dark-mode #user-favorite-products table tbody tr.tr__product {
        border-color: #37374d;
        color: #B8B8C8
    }
}

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

    #user-favorite-products table tbody tr td.td__where {
        -ms-grid-column: 2 !important;
        -ms-grid-row: 2 !important
    }

    #user-favorite-products table tbody tr td.td__add {
        -ms-grid-column: 3 !important;
        -ms-grid-row: 2 !important
    }

    #user-favorite-products table tbody tr td.td__remove {
        -ms-grid-column: 4 !important;
        -ms-grid-row: 2 !important
    }
}

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

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

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

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

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

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

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

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

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

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

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

#user-inventory-products .block h3 {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.25;
    min-width: 100px
}

#user-inventory-products .block h3 span {
    display: inline-block;
    z-index: 1;
    position: relative;
    padding-right: 0.5rem
}

@media only screen and (max-width: 1049px) {
    #user-inventory-products .block h3 {
        min-width: none;
        font-size: 0.875rem;
        font-weight: 700;
        position: relative
    }

    .light-mode #user-inventory-products .block h3 span {
        background-color: #f4f4f3
    }

    .dark-mode #user-inventory-products .block h3 span {
        background-color: #282838
    }

    #user-inventory-products .block h3:after {
        content: "";
        display: block;
        height: 1px;
        width: 100%;
        position: absolute;
        top: 50%
    }

    .light-mode #user-inventory-products .block h3:after {
        background-color: #929292
    }

    .dark-mode #user-inventory-products .block h3:after {
        background-color: #717184
    }
}

@media only screen and (max-width: 767px) {
    #user-inventory-products table thead {
        display: none
    }
}

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

    .light-mode #user-inventory-products table tbody tr.tr__product {
        border-color: #dbdbdb
    }

    .dark-mode #user-inventory-products table tbody tr.tr__product {
        border-color: #37374d
    }

    #user-inventory-products table tbody tr.tr__product:last-of-type {
        border-bottom: 0
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

#user-inventory-products table tbody tr td.td__add {
    text-align: right
}

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

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

#prices table {
    font-size: 0.75rem
}

@media only screen and (min-width: 1100px) {
    #prices table thead th.th__merchant {
        width: 150px
    }
}

#prices table tr td.td__formula {
    text-align: right;
    padding-top: 0
}

@media only screen and (min-width: 768px) {
    #prices table tr td.td__formula {
        display: none
    }
}

#prices table tr td.td__logo a {
    display: block;
    overflow: hidden;
    width: 81px;
    height: 29px
}

#prices table tr td.td__logo a img {
    position: relative;
    width: 81px
}

.light-mode #prices table tr td.td__logo a img {
    top: 0px
}

.dark-mode #prices table tr td.td__logo a img {
    top: -100%
}

#prices table tr td.td__shipping img {
    width: 64px
}

.light-mode #prices table tr td.td__availability--unknown {
    color: #EAEAEA !important
}

.dark-mode #prices table tr td.td__availability--unknown {
    color: #282838 !important
}

#prices table tr td.td__amazonNote {
    text-align: right;
    padding-top: 0;
    font-size: 0.625rem
}

#prices table tr td.td__amazonNote a {
    color: #2c87c3
}

#prices table tr td.td__promoNote {
    text-align: right;
    padding-top: 0;
    font-size: 0.625rem
}

#prices table tr td.td__promoNote span {
    border-style: solid;
    border-width: 1px;
    padding: 2px 4px
}

.light-mode #prices table tr td.td__promoNote span {
    background-color: #E4F4CD;
    border-color: #BED2A2
}

.dark-mode #prices table tr td.td__promoNote span {
    background-color: #254037;
    border-color: #2d5038
}

#prices table tr td.td__finalPrice {
    font-size: 1rem;
    font-weight: 700
}

#prices table tr td.td__finalPrice a {
    color: #2c87c3
}

#prices table tr td.td__buy {
    text-align: right;
    width: 55px
}

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

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

.pricing-table .price-history-tooltip {
    display: none;
    padding: 0.5rem;
    font-size: 0.875rem
}

.light-mode .pricing-table .price-history-tooltip {
    background-color: #26293b;
    color: #929292
}

.dark-mode .pricing-table .price-history-tooltip {
    background-color: #09090F;
    color: #B8B8C8
}

.pricing-table .price-history-tooltip tr {
    border-top-style: solid;
    border-top-width: 1px
}

.light-mode .pricing-table .price-history-tooltip tr {
    border-color: #3a3f5a
}

.dark-mode .pricing-table .price-history-tooltip tr {
    border-color: #1c1c2f
}

.pricing-table .price-history-tooltip tr:first-of-type {
    border-top: 0
}

.pricing-table .price-history-tooltip tr.price-history-lowest td.price-history-tooltip-merchant, .pricing-table .price-history-tooltip tr.price-history-lowest td.price-history-price {
    color: #ffffff;
    font-weight: 700
}

.pricing-table .price-history-tooltip tr td {
    padding: 1rem;
    line-height: 0
}

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

.pricing-table .pricing-table-legend {
    padding: 1rem 0
}

.pricing-table .pricing-table-legend .price-history-legend .price-history-legend-item {
    position: relative;
    padding-bottom: 0.5rem;
    font-size: 0.75rem;
    line-height: 1.25
}

.pricing-table .pricing-table-legend .price-history-legend .price-history-legend-item .price-history-legend-color {
    display: block;
    width: 100%;
    height: 5px;
    margin-bottom: 4px
}

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

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

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

.priceDrops table .tr__product td {
    font-size: 0.75rem
}

@media only screen and (max-width: 1049px) {
    .priceDrops table .tr__product td {
        display: block;
        width: auto;
        height: auto
    }

    .priceDrops table .tr__product td h6 {
        font-size: 0.6875rem;
        font-weight: normal
    }

    .light-mode .priceDrops table .tr__product td h6 {
        color: #929292
    }

    .dark-mode .priceDrops table .tr__product td h6 {
        color: #717184
    }
}

.priceDrops table .tr__product td a {
    display: block
}

.priceDrops table .tr__product td.td__item {
    line-height: 1.125
}

@media only screen and (max-width: 1049px) {
    .priceDrops table .tr__product td.td__item {
        grid-column: 1/8;
        align-self: center;
        display: inline-block;
        padding-right: 0;
        line-height: 1.25
    }
}

@media only screen and (max-width: 767px) {
    .priceDrops table .tr__product td.td__item {
        grid-column: 1/5
    }
}

.priceDrops table .tr__product td.td__item > a {
    font-size: 0.875rem;
    font-weight: 700
}

.light-mode .priceDrops table .tr__product td.td__item > a {
    color: #191b2a
}

.dark-mode .priceDrops table .tr__product td.td__item > a {
    color: #FFFFFF
}

.light-mode .priceDrops table .tr__product td.td__item > a:hover {
    color: #2c87c3
}

.dark-mode .priceDrops table .tr__product td.td__item > a:hover {
    color: #74baff
}

@media only screen and (max-width: 767px) {
    .priceDrops table .tr__product td.td__where {
        grid-column: 3/5
    }
}

.priceDrops table .tr__product td.td__where a {
    line-height: 1.25
}

#products .productList .form__sort--products {
    display: none
}

@media (min-width: 1100px) and (max-width: 1200px) {
    #products .productList .form__sort--products {
        display: inline-block
    }
}

#products .productList__actions {
    margin-bottom: 1rem
}

#products .productList__actions a {
    display: inline-block;
    font-size: 0.875rem;
    padding: 0.25rem;
    margin: 0 0.5rem
}

@media only screen and (min-width: 1100px) {
    #products .productList__actions a {
        font-size: 0.75rem;
        padding: 0;
        margin: 0
    }
}

.light-mode #products .productList__actions a.disabled {
    color: rgba(146, 146, 146, 0.8)
}

.dark-mode #products .productList__actions a.disabled {
    color: rgba(113, 113, 132, 0.8)
}

#products .productList__actions a.disabled:hover {
    text-decoration: none;
    cursor: default
}

#products .productList__actions .button--small {
    padding: 0.125rem 0.375rem;
    font-size: 0.75rem !important
}

#products .productList__actions .productList__actions--left {
    text-align: center;
    margin-bottom: 0.5rem
}

@media only screen and (min-width: 1100px) {
    #products .productList__actions .productList__actions--left {
        margin-bottom: 0;
        text-align: left;
        margin-top: 5px
    }

    #products .productList__actions .productList__actions--left a {
        margin-right: 1rem
    }
}

#products .productList__actions .productList__actions--right {
    text-align: center
}

@media only screen and (min-width: 1100px) {
    #products .productList__actions .productList__actions--right {
        text-align: right
    }

    #products .productList__actions .productList__actions--right a {
        margin-left: 1rem
    }
}

#products .productList__wrapper {
    position: relative
}

#products .productList__wrapper .productList__cover {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.light-mode #products .productList__wrapper .productList__cover {
    background-color: rgba(244, 244, 243, 0.9)
}

.dark-mode #products .productList__wrapper .productList__cover {
    background-color: rgba(40, 40, 56, 0.9)
}

#products .productList__wrapper .productList__cover--show {
    display: block
}

table.productList--detailed thead th {
    position: relative
}

table.productList--detailed thead th.th--sortable:hover {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    cursor: pointer
}

.light-mode table.productList--detailed thead th.th--sortable:hover {
    border-color: #2c87c3;
    color: #191b2a
}

.dark-mode table.productList--detailed thead th.th--sortable:hover {
    border-color: #74baff;
    color: #FFFFFF
}

.light-mode table.productList--detailed thead th.th--sortable:hover .sortArrow svg {
    fill: #2c87c3
}

.dark-mode table.productList--detailed thead th.th--sortable:hover .sortArrow svg {
    fill: #74baff
}

table.productList--detailed thead th.th--sortable .sortArrow {
    display: inline-block;
    transform-origin: 50% 40%;
    position: relative;
    top: 2px;
    transform: rotate(0deg);
    transition: transform 0.45s cubic-bezier(0.165, 0.84, 0.44, 1)
}

table.productList--detailed thead th.th--sortable .sortArrow svg {
    width: 11px;
    height: 11px
}

.light-mode table.productList--detailed thead th.th--sortable .sortArrow svg {
    fill: #929292
}

.dark-mode table.productList--detailed thead th.th--sortable .sortArrow svg {
    fill: #717184
}

.light-mode table.productList--detailed thead th.th--sorted {
    border-color: #2c87c3;
    color: #191b2a
}

.dark-mode table.productList--detailed thead th.th--sorted {
    border-color: #74baff;
    color: #FFFFFF
}

.light-mode table.productList--detailed thead th.th--sorted .sortArrow svg {
    fill: #2c87c3
}

.dark-mode table.productList--detailed thead th.th--sorted .sortArrow svg {
    fill: #74baff
}

table.productList--detailed thead th.th--sortedAscending .sortArrow {
    transform: rotate(180deg)
}

table.productList--detailed thead th.th--sortedDescending .sortArrow {
    transform: rotate(0deg)
}

table.productList--detailed tr td {
    font-size: 0.75rem;
    line-height: 1.25;
    padding: 0 0.5rem 0 0
}

@media (min-width: 1100px) {
    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: 1100px) {
    table.productList--detailed tr td.td__name {
        font-size: 0.875rem
    }
}

table.productList--detailed tr td.td__name a {
    display: table
}

.light-mode table.productList--detailed tr td.td__name a {
    color: #191b2a
}

.dark-mode table.productList--detailed tr td.td__name a {
    color: #FFFFFF
}

.light-mode table.productList--detailed tr td.td__name a:hover {
    color: #2c87c3
}

.dark-mode table.productList--detailed tr td.td__name a:hover {
    color: #74baff
}

table.productList--detailed tr td.td__name a .td__imageWrapper {
    line-height: 1.25;
    display: table-cell;
    vertical-align: middle
}

table.productList--detailed tr td.td__name a .td__image {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    text-align: center;
    width: 48px;
    height: 48px;
    background-color: #ffffff
}

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__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: 1100px) {
    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__price--out-of-stock {
    display: inline-block;
    position: relative;
    top: 8px;
    grid-template-rows:15px 15px;
    grid-template-columns:100px;
    font-size: 0.875rem
}

.light-mode table.productList--detailed tr .td__price--out-of-stock {
    color: rgba(146, 146, 146, 0.8)
}

.dark-mode table.productList--detailed tr .td__price--out-of-stock {
    color: rgba(113, 113, 132, 0.8)
}

table.productList--detailed tr .td__price--out-of-stock .label--out-of-stock {
    display: block;
    font-size: 0.625rem;
    font-weight: 400
}

table.productList--detailed tr .td__rating {
    line-height: 1.5;
    font-size: 0.75rem
}

table.productList--detailed tr .td__rating .product--rating {
    display: inline-block
}

table.productList--detailed .tr__product--favorite .td__name p svg {
    position: relative;
    width: 14px;
    height: 14px;
    margin-right: 6px;
    top: 2px
}

.light-mode table.productList--detailed .tr__product--favorite .td__name p svg {
    fill: #2c87c3
}

.dark-mode table.productList--detailed .tr__product--favorite .td__name p svg {
    fill: #74baff
}

#part-compare .compareTable {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch
}

#part-compare .compareTable table {
    border-collapse: separate;
    border-spacing: 1rem 0
}

@media only screen and (min-width: 1100px) {
    #part-compare .compareTable table {
        border-spacing: 3rem 0
    }
}

#part-compare .compareTable table thead th {
    min-width: 200px;
    border-bottom: 0
}

#part-compare .compareTable table tbody tr td {
    border-top-style: solid;
    border-top-width: 1px;
    vertical-align: top
}

.light-mode #part-compare .compareTable table tbody tr td {
    border-color: #dbdbdb
}

.dark-mode #part-compare .compareTable table tbody tr td {
    border-color: #37374d
}

#part-compare .compareTable table tbody tr td.td__image {
    border-top: 0
}

#part-compare .compareTable table tbody tr td.td__image a {
    display: inline-block
}

#part-compare .compareTable table tbody tr td.td__image a img {
    max-width: 128px
}

#part-compare .compareTable table tbody tr td.td__name {
    border-top: 0;
    line-height: 1.125
}

#part-compare .compareTable table tbody tr td.td__name a {
    font-size: 1rem;
    font-weight: 700
}

@media only screen and (min-width: 1100px) {
    #part-compare .compareTable table tbody tr td.td__name a {
        font-size: 1.25rem
    }
}

.light-mode #part-compare .compareTable table tbody tr td.td__name a {
    color: #191b2a
}

.dark-mode #part-compare .compareTable table tbody tr td.td__name a {
    color: #FFFFFF
}

.light-mode #part-compare .compareTable table tbody tr td.td__name a:hover {
    color: #2c87c3
}

.dark-mode #part-compare .compareTable table tbody tr td.td__name a:hover {
    color: #74baff
}

#part-compare .compareTable table tbody tr td.td__add {
    border-top: 0;
    border-bottom-style: solid;
    border-bottom-width: 3px
}

.light-mode #part-compare .compareTable table tbody tr td.td__add {
    border-color: #191b2a
}

.dark-mode #part-compare .compareTable table tbody tr td.td__add {
    border-color: #FFFFFF
}

#part-compare .compareTable table tbody tr td.td__add .td__add--button {
    margin-right: 1rem;
    position: relative;
    top: -10px
}

#part-compare .compareTable table tbody tr td.td__add .td__add--price h3 {
    line-height: 1.125
}

#part-compare .compareTable table tbody tr td.td__add .td__add--price .td__price {
    font-weight: 700
}

#part-compare .compareTable table tbody tr td.td__rating {
    border-top: 0
}

#part-compare .compareTable table tbody tr td.td__rating .product--rating li {
    position: relative;
    top: 2px
}

#part-compare .compareTable table tbody tr td.td__rating .product--rating li svg {
    width: 16px;
    height: 16px
}

#forums .table .tr, #subforum .table .tr, #user-topics .table .tr, #forum-search .table .tr {
    font-size: 0.875rem
}

@media only screen and (max-width: 767px) {
    #forums .table .tr, #subforum .table .tr, #user-topics .table .tr, #forum-search .table .tr {
        display: block;
        margin-bottom: 1rem;
        border-top: none;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        padding-bottom: 1.5rem
    }

    .light-mode #forums .table .tr, .light-mode #subforum .table .tr, .light-mode #user-topics .table .tr, .light-mode #forum-search .table .tr {
        border-color: #dbdbdb
    }

    .dark-mode #forums .table .tr, .dark-mode #subforum .table .tr, .dark-mode #user-topics .table .tr, .dark-mode #forum-search .table .tr {
        border-color: #37374d
    }

    #forums .table .tr:last-of-type, #subforum .table .tr:last-of-type, #user-topics .table .tr:last-of-type, #forum-search .table .tr:last-of-type {
        border-bottom: none
    }
}

#forums .table .tr .td.row--topicTitle .topicTitle, #subforum .table .tr .td.row--topicTitle .topicTitle, #user-topics .table .tr .td.row--topicTitle .topicTitle, #forum-search .table .tr .td.row--topicTitle .topicTitle {
    font-weight: 400
}

.light-mode #forums .table .tr .td.row--topicTitle .topicTitle--unread, .light-mode #subforum .table .tr .td.row--topicTitle .topicTitle--unread, .light-mode #user-topics .table .tr .td.row--topicTitle .topicTitle--unread, .light-mode #forum-search .table .tr .td.row--topicTitle .topicTitle--unread {
    color: #2c87c3
}

.dark-mode #forums .table .tr .td.row--topicTitle .topicTitle--unread, .dark-mode #subforum .table .tr .td.row--topicTitle .topicTitle--unread, .dark-mode #user-topics .table .tr .td.row--topicTitle .topicTitle--unread, .dark-mode #forum-search .table .tr .td.row--topicTitle .topicTitle--unread {
    color: #74baff
}

#forums .table .tr .td.row--topicTitle .topicTitle--self, #forums .table .tr .td.row--topicTitle .topicTitle--staff, #subforum .table .tr .td.row--topicTitle .topicTitle--self, #subforum .table .tr .td.row--topicTitle .topicTitle--staff, #user-topics .table .tr .td.row--topicTitle .topicTitle--self, #user-topics .table .tr .td.row--topicTitle .topicTitle--staff, #forum-search .table .tr .td.row--topicTitle .topicTitle--self, #forum-search .table .tr .td.row--topicTitle .topicTitle--staff {
    position: relative
}

#forums .table .tr .td.row--topicTitle .topicTitle--self:before, #forums .table .tr .td.row--topicTitle .topicTitle--staff:before, #subforum .table .tr .td.row--topicTitle .topicTitle--self:before, #subforum .table .tr .td.row--topicTitle .topicTitle--staff:before, #user-topics .table .tr .td.row--topicTitle .topicTitle--self:before, #user-topics .table .tr .td.row--topicTitle .topicTitle--staff:before, #forum-search .table .tr .td.row--topicTitle .topicTitle--self:before, #forum-search .table .tr .td.row--topicTitle .topicTitle--staff:before {
    content: "";
    display: inline-block;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    position: absolute;
    top: 9px;
    left: -13px
}

@media only screen and (min-width: 768px) {
    #forums .table .tr .td.row--topicTitle .topicTitle--self:before, #forums .table .tr .td.row--topicTitle .topicTitle--staff:before, #subforum .table .tr .td.row--topicTitle .topicTitle--self:before, #subforum .table .tr .td.row--topicTitle .topicTitle--staff:before, #user-topics .table .tr .td.row--topicTitle .topicTitle--self:before, #user-topics .table .tr .td.row--topicTitle .topicTitle--staff:before, #forum-search .table .tr .td.row--topicTitle .topicTitle--self:before, #forum-search .table .tr .td.row--topicTitle .topicTitle--staff:before {
        height: 6px;
        width: 6px;
        top: 6px;
        left: -1rem
    }
}

.light-mode #forums .table .tr .td.row--topicTitle .topicTitle--self:before, .light-mode #subforum .table .tr .td.row--topicTitle .topicTitle--self:before, .light-mode #user-topics .table .tr .td.row--topicTitle .topicTitle--self:before, .light-mode #forum-search .table .tr .td.row--topicTitle .topicTitle--self:before {
    background-color: #2c87c3
}

.dark-mode #forums .table .tr .td.row--topicTitle .topicTitle--self:before, .dark-mode #subforum .table .tr .td.row--topicTitle .topicTitle--self:before, .dark-mode #user-topics .table .tr .td.row--topicTitle .topicTitle--self:before, .dark-mode #forum-search .table .tr .td.row--topicTitle .topicTitle--self:before {
    background-color: #2b86de
}

.light-mode #forums .table .tr .td.row--topicTitle .topicTitle--staff:before, .light-mode #subforum .table .tr .td.row--topicTitle .topicTitle--staff:before, .light-mode #user-topics .table .tr .td.row--topicTitle .topicTitle--staff:before, .light-mode #forum-search .table .tr .td.row--topicTitle .topicTitle--staff:before {
    background-color: #d91e18
}

.dark-mode #forums .table .tr .td.row--topicTitle .topicTitle--staff:before, .dark-mode #subforum .table .tr .td.row--topicTitle .topicTitle--staff:before, .dark-mode #user-topics .table .tr .td.row--topicTitle .topicTitle--staff:before, .dark-mode #forum-search .table .tr .td.row--topicTitle .topicTitle--staff:before {
    background-color: #ff4560
}

@media only screen and (max-width: 767px) {
    #forums .table .tr .td, #subforum .table .tr .td, #user-topics .table .tr .td, #forum-search .table .tr .td {
        display: block;
        padding: 0
    }

    #forums .table .tr .td.row--topicCount, #forums .table .tr .td.row--postCount, #forums .table .tr .td.row--replyCount, #forums .table .tr .td.row--viewCount, #forums .table .tr .td.row--lastPostTimestamp, #subforum .table .tr .td.row--topicCount, #subforum .table .tr .td.row--postCount, #subforum .table .tr .td.row--replyCount, #subforum .table .tr .td.row--viewCount, #subforum .table .tr .td.row--lastPostTimestamp, #user-topics .table .tr .td.row--topicCount, #user-topics .table .tr .td.row--postCount, #user-topics .table .tr .td.row--replyCount, #user-topics .table .tr .td.row--viewCount, #user-topics .table .tr .td.row--lastPostTimestamp, #forum-search .table .tr .td.row--topicCount, #forum-search .table .tr .td.row--postCount, #forum-search .table .tr .td.row--replyCount, #forum-search .table .tr .td.row--viewCount, #forum-search .table .tr .td.row--lastPostTimestamp {
        display: inline-block
    }
}

#forums .table .table__head, #subforum .table .table__head, #user-topics .table .table__head, #forum-search .table .table__head {
    border: none
}

@media only screen and (max-width: 767px) {
    #forums .table .table__head, #subforum .table .table__head, #user-topics .table .table__head, #forum-search .table .table__head {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    #forums .table .table__row:last-of-type, #subforum .table .table__row:last-of-type, #user-topics .table .table__row:last-of-type, #forum-search .table .table__row:last-of-type {
        margin-bottom: 0
    }

    #forums .table .table__row:last-of-type:after, #subforum .table .table__row:last-of-type:after, #user-topics .table .table__row:last-of-type:after, #forum-search .table .table__row:last-of-type:after {
        content: "";
        display: none
    }
}

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

.light-mode #forums .table .table__row h6, .light-mode #subforum .table .table__row h6, .light-mode #user-topics .table .table__row h6, .light-mode #forum-search .table .table__row h6 {
    color: #929292
}

.dark-mode #forums .table .table__row h6, .dark-mode #subforum .table .table__row h6, .dark-mode #user-topics .table .table__row h6, .dark-mode #forum-search .table .table__row h6 {
    color: #717184
}

#forums .row--forumTitle {
    font-size: 1.25rem;
    line-height: 1.125
}

@media only screen and (min-width: 768px) {
    #forums .row--forumTitle {
        font-size: 1rem
    }
}

#forums .row--forumTitle a {
    display: block;
    font-weight: 700
}

.light-mode #forums .row--forumTitle a {
    color: #191b2a
}

.dark-mode #forums .row--forumTitle a {
    color: #FFFFFF
}

.light-mode #forums .row--forumTitle a:hover {
    color: #2c87c3
}

.dark-mode #forums .row--forumTitle a:hover {
    color: #74baff
}

#forums .row--topicCount {
    margin-right: 1.5rem
}

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

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

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

#forums .row--topicTitle {
    font-size: 0.75rem;
    line-height: 1.25
}

#forums .row--topicTitle a {
    text-decoration: underline
}

.light-mode #forums .row--topicTitle a:hover {
    color: #2c87c3
}

.dark-mode #forums .row--topicTitle a:hover {
    color: #74baff
}

#subforum .row--topicForum, #user-topics .row--topicForum, #forum-search .row--topicForum {
    line-height: 1.125
}

#subforum .row--topicForum a, #user-topics .row--topicForum a, #forum-search .row--topicForum a {
    display: block;
    font-weight: 700
}

.light-mode #subforum .row--topicForum a, .light-mode #user-topics .row--topicForum a, .light-mode #forum-search .row--topicForum a {
    color: #191b2a
}

.dark-mode #subforum .row--topicForum a, .dark-mode #user-topics .row--topicForum a, .dark-mode #forum-search .row--topicForum a {
    color: #FFFFFF
}

.light-mode #subforum .row--topicForum a:hover, .light-mode #user-topics .row--topicForum a:hover, .light-mode #forum-search .row--topicForum a:hover {
    color: #2c87c3
}

.dark-mode #subforum .row--topicForum a:hover, .dark-mode #user-topics .row--topicForum a:hover, .dark-mode #forum-search .row--topicForum a:hover {
    color: #74baff
}

#subforum .row--topicTitle, #user-topics .row--topicTitle, #forum-search .row--topicTitle {
    font-size: 1.25rem;
    line-height: 1.25
}

@media only screen and (min-width: 768px) {
    #subforum .row--topicTitle, #user-topics .row--topicTitle, #forum-search .row--topicTitle {
        font-size: 1rem
    }
}

#subforum .row--topicTitle a, #user-topics .row--topicTitle a, #forum-search .row--topicTitle a {
    display: block;
    text-decoration: underline
}

.light-mode #subforum .row--topicTitle a, .light-mode #user-topics .row--topicTitle a, .light-mode #forum-search .row--topicTitle a {
    color: #191b2a
}

.dark-mode #subforum .row--topicTitle a, .dark-mode #user-topics .row--topicTitle a, .dark-mode #forum-search .row--topicTitle a {
    color: #FFFFFF
}

.light-mode #subforum .row--topicTitle a:hover, .light-mode #user-topics .row--topicTitle a:hover, .light-mode #forum-search .row--topicTitle a:hover {
    color: #2c87c3
}

.dark-mode #subforum .row--topicTitle a:hover, .dark-mode #user-topics .row--topicTitle a:hover, .dark-mode #forum-search .row--topicTitle a:hover {
    color: #74baff
}

.light-mode #subforum .row--topicTitle a.topicTitle--orange, .light-mode #user-topics .row--topicTitle a.topicTitle--orange, .light-mode #forum-search .row--topicTitle a.topicTitle--orange {
    color: #d91e18
}

.dark-mode #subforum .row--topicTitle a.topicTitle--orange, .dark-mode #user-topics .row--topicTitle a.topicTitle--orange, .dark-mode #forum-search .row--topicTitle a.topicTitle--orange {
    color: #ff4560
}

#subforum .row--replyCount, #subforum .row--viewCount, #user-topics .row--replyCount, #user-topics .row--viewCount, #forum-search .row--replyCount, #forum-search .row--viewCount {
    margin-right: 1.5rem
}

@media only screen and (min-width: 768px) {
    #subforum .row--replyCount, #subforum .row--viewCount, #user-topics .row--replyCount, #user-topics .row--viewCount, #forum-search .row--replyCount, #forum-search .row--viewCount {
        margin-right: 0
    }
}

@media only screen and (max-width: 767px) {
    #subforum .row--lastPostTimestamp, #user-topics .row--lastPostTimestamp, #forum-search .row--lastPostTimestamp {
        position: relative;
        top: 4px
    }

    #subforum .row--lastPostTimestamp h6, #user-topics .row--lastPostTimestamp h6, #forum-search .row--lastPostTimestamp h6 {
        margin-top: 0
    }

    #subforum .row--lastPostTimestamp p, #user-topics .row--lastPostTimestamp p, #forum-search .row--lastPostTimestamp p {
        line-height: 1.25
    }

    .light-mode #subforum .row--lastPostTimestamp p, .light-mode #user-topics .row--lastPostTimestamp p, .light-mode #forum-search .row--lastPostTimestamp p {
        color: #929292
    }

    .dark-mode #subforum .row--lastPostTimestamp p, .dark-mode #user-topics .row--lastPostTimestamp p, .dark-mode #forum-search .row--lastPostTimestamp p {
        color: #717184
    }

    #subforum .row--lastPostTimestamp p a, #user-topics .row--lastPostTimestamp p a, #forum-search .row--lastPostTimestamp p a {
        margin-top: 2px;
        display: inline-block
    }
}

#subforum .row--submitter, #subforum .row--lastPostTimestamp, #user-topics .row--submitter, #user-topics .row--lastPostTimestamp, #forum-search .row--submitter, #forum-search .row--lastPostTimestamp {
    font-size: 0.75rem
}

#subforum .row--submitter a, #subforum .row--lastPostTimestamp a, #user-topics .row--submitter a, #user-topics .row--lastPostTimestamp a, #forum-search .row--submitter a, #forum-search .row--lastPostTimestamp a {
    font-weight: 700
}

.light-mode #subforum .row--submitter a, .light-mode #subforum .row--lastPostTimestamp a, .light-mode #user-topics .row--submitter a, .light-mode #user-topics .row--lastPostTimestamp a, .light-mode #forum-search .row--submitter a, .light-mode #forum-search .row--lastPostTimestamp a {
    color: #191b2a
}

.dark-mode #subforum .row--submitter a, .dark-mode #subforum .row--lastPostTimestamp a, .dark-mode #user-topics .row--submitter a, .dark-mode #user-topics .row--lastPostTimestamp a, .dark-mode #forum-search .row--submitter a, .dark-mode #forum-search .row--lastPostTimestamp a {
    color: #FFFFFF
}

.light-mode #subforum .row--submitter a:hover, .light-mode #subforum .row--lastPostTimestamp a:hover, .light-mode #user-topics .row--submitter a:hover, .light-mode #user-topics .row--lastPostTimestamp a:hover, .light-mode #forum-search .row--submitter a:hover, .light-mode #forum-search .row--lastPostTimestamp a:hover {
    color: #2c87c3
}

.dark-mode #subforum .row--submitter a:hover, .dark-mode #subforum .row--lastPostTimestamp a:hover, .dark-mode #user-topics .row--submitter a:hover, .dark-mode #user-topics .row--lastPostTimestamp a:hover, .dark-mode #forum-search .row--submitter a:hover, .dark-mode #forum-search .row--lastPostTimestamp a:hover {
    color: #74baff
}

.forumTopic--deleted {
    padding: 0 0.25rem 0.25rem
}

.light-mode .forumTopic--deleted {
    background-color: #d91e18
}

.dark-mode .forumTopic--deleted {
    background-color: #ff4560
}

.forumTopic--deleted .wrapper__pageTitle {
    position: relative
}

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

.light-mode .forumTopic--deleted .wrapper__pageTitle:before {
    background-color: #d91e18
}

.dark-mode .forumTopic--deleted .wrapper__pageTitle:before {
    background-color: #ff4560
}

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

@media only screen and (min-width: 1100px) {
    #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: 1100px) {
    #user-preferences table .tr--hide {
        display: table-row
    }
}

#user-preferences table td {
    padding: 0
}

#user-preferences table td.tax-rate {
    position: relative
}

#user-preferences table td.tax-rate:after {
    content: "%";
    display: block;
    position: absolute;
    right: 0.5rem;
    top: 1rem
}

.light-mode #user-preferences table td.tax-rate:after {
    color: #929292
}

.dark-mode #user-preferences table td.tax-rate:after {
    color: #717184
}

#user-preferences table td.tax-rate input {
    text-align: right;
    padding-right: 1.5rem;
    width: 100%
}

#user-preferences table td label {
    padding: 1rem 0
}

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

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

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

#user-preferences .price-alert-table td h6, #user-preferences .parametric-price-alert-table td h6, #user-preferences .followed-table td h6 {
    font-size: 0.6875rem;
    font-weight: normal
}

.light-mode #user-preferences .price-alert-table td h6, .light-mode #user-preferences .parametric-price-alert-table td h6, .light-mode #user-preferences .followed-table td h6 {
    color: #929292
}

.dark-mode #user-preferences .price-alert-table td h6, .dark-mode #user-preferences .parametric-price-alert-table td h6, .dark-mode #user-preferences .followed-table td h6 {
    color: #717184
}

#user-preferences .price-alert-table td.td--tight, #user-preferences .parametric-price-alert-table td.td--tight, #user-preferences .followed-table td.td--tight {
    font-size: 0.75rem
}

@media only screen and (min-width: 1100px) {
    #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: 1100px) {
    #user-preferences .price-alert-table td.td__removeButton, #user-preferences .parametric-price-alert-table td.td__removeButton, #user-preferences .followed-table td.td__removeButton {
        display: none
    }
}

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

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

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

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

    #user-preferences .price-alert-table tbody tr .td__name {
        grid-column: 1/5
    }

    #user-preferences .price-alert-table tbody tr .td__reset {
        grid-column: 1/3
    }

    #user-preferences .price-alert-table tbody tr .td__removeButton {
        grid-column: 3/5
    }
}

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

    #user-preferences .parametric-price-alert-table tbody tr .td__name {
        grid-column: 1/3
    }

    #user-preferences .parametric-price-alert-table tbody tr .td__reset {
        grid-column: 1/2
    }

    #user-preferences .parametric-price-alert-table tbody tr .td__removeButton {
        grid-column: 2/3
    }
}

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

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

.markdown table {
    border-style: solid;
    border-width: 2px
}

.light-mode .markdown table {
    border-color: #191b2a;
    background-color: #f9f5e9
}

.dark-mode .markdown table {
    border-color: #09090F;
    background-color: #46465c
}

.markdown table thead th {
    padding-left: 1rem
}

.light-mode .markdown table thead th {
    border-color: rgba(146, 146, 146, 0.28);
    background-color: #f4ecd5
}

.dark-mode .markdown table thead th {
    border-color: rgba(113, 113, 132, 0.28);
    background-color: #3b3b4e
}

@media only screen and (max-width: 767px) {
    .markdown table thead {
        display: none
    }
}

.light-mode .markdown table tbody tr {
    border-color: rgba(146, 146, 146, 0.28)
}

.dark-mode .markdown table tbody tr {
    border-color: rgba(113, 113, 132, 0.28)
}

@media only screen and (max-width: 767px) {
    .markdown table tbody tr {
        display: block;
        padding: 0.5rem 0
    }
}

.markdown table tbody tr td {
    font-size: 0.75rem;
    padding: 0.5rem 1rem
}

@media only screen and (min-width: 768px) {
    .markdown table tbody tr td {
        font-size: 0.75rem;
        line-height: 1.25
    }
}

.markdown table tbody tr td a {
    text-decoration: none;
    font-weight: 700;
    display: inline-block
}

.light-mode .markdown table tbody tr td a {
    color: #191b2a
}

.dark-mode .markdown table tbody tr td a {
    color: #FFFFFF
}

.markdown table tbody tr td a:hover {
    text-decoration: underline
}

.light-mode .markdown table tbody tr td a:hover {
    color: #2c87c3
}

.dark-mode .markdown table tbody tr td a:hover {
    color: #74baff
}

@media only screen and (max-width: 767px) {
    .markdown table tbody tr td a {
        line-height: 1.25
    }
}

@media only screen and (max-width: 767px) {
    .markdown table tbody tr td {
        display: block;
        padding-top: 0;
        padding-bottom: 0
    }
}

.markdown table tbody tr td:first-of-type strong {
    font-size: 0.6875rem;
    font-weight: 500;
    max-width: 100px;
    line-height: 1.125
}

@media only screen and (max-width: 767px) {
    .markdown table tbody tr td:first-of-type strong {
        max-width: none;
        display: block;
        padding-bottom: calc(0.5rem / 2)
    }
}

.markdown table tbody tr td:nth-child(2) strong {
    text-transform: uppercase;
    font-size: 0.625rem
}

@media only screen and (min-width: 768px) {
    .markdown table tbody tr td:nth-child(2) strong {
        text-transform: uppercase;
        font-size: 0.75rem
    }
}

.markdown table tbody tr td:last-of-type strong {
    font-size: 1rem
}

.specLabel {
    display: none
}

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

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

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

.productList--detailed .tr__product .td__name {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem
}

.productList--detailed .tr__product .td__name a:hover {
    text-decoration: none !important
}

.light-mode .productList--detailed .tr__product .td__name a:hover .td__rating {
    color: #191b2a
}

.dark-mode .productList--detailed .tr__product .td__name a:hover .td__rating {
    color: #FFFFFF
}

.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: 0.125rem 0.375rem;
    font-size: 0.75rem !important;
    margin-left: 0.5rem
}

@media only screen and (max-width: 1200px) {
    .productList--detailed .tr__product {
        display: -ms-grid;
        display: grid;
        padding: 0.5rem 0;
        -ms-grid-columns: 1fr 1fr 1fr;
        -ms-grid-rows: auto 1fr 1fr;
        grid-template-columns:repeat(3, 1fr);
        grid-template-areas:"name name price" ". . ." ". . ."
    }

    .productList--detailed .tr__product td {
        display: block;
        padding: 0 2rem 2px 0;
        font-size: 0.625rem
    }

    .productList--detailed .tr__product .td__spec .specLabel {
        display: block;
        font-size: 9px;
        font-weight: normal
    }

    .light-mode .productList--detailed .tr__product .td__spec .specLabel {
        color: #929292
    }

    .dark-mode .productList--detailed .tr__product .td__spec .specLabel {
        color: #717184
    }

    .productList--detailed .tr__product .td__checkbox {
        display: none
    }

    .productList--detailed .tr__product .td__name {
        display: table;
        grid-area: name;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        -ms-grid-row: 1;
        align-self: center
    }

    .productList--detailed .tr__product .td__name .div__checkbox {
        display: table-cell;
        vertical-align: middle;
        width: 22px
    }

    .productList--detailed .tr__product .td__name a {
        vertical-align: middle;
        padding: 0.25rem 1rem 0.25rem 0
    }

    .productList--detailed .tr__product .td__name .td__nameWrapper {
        padding-left: 0.5rem;
        font-size: 0.875rem
    }

    .productList--detailed .tr__product .td__name .td__rating {
        display: block;
        margin-top: 2px
    }

    .productList--detailed .tr__product .td__spec--1 {
        -ms-grid-column: 1;
        -ms-grid-row: 2
    }

    .productList--detailed .tr__product .td__spec--2 {
        -ms-grid-column: 2;
        -ms-grid-row: 2
    }

    .productList--detailed .tr__product .td__spec--3 {
        -ms-grid-column: 3;
        -ms-grid-row: 2
    }

    .productList--detailed .tr__product .td__spec--4 {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }

    .productList--detailed .tr__product .td__spec--5 {
        -ms-grid-column: 2;
        -ms-grid-row: 3
    }

    .productList--detailed .tr__product .td__spec--6 {
        -ms-grid-column: 3;
        -ms-grid-row: 3
    }

    .productList--detailed .tr__product .td__price {
        -ms-grid-column: 3;
        -ms-grid-row: 1;
        -ms-grid-row-align: center;
        grid-area: price;
        align-self: center;
        font-size: 0.875rem
    }

    .productList--detailed .tr__product td.td__rating {
        display: none
    }

    .productList--detailed .tr__product .td--empty:after {
        margin: 4px 0
    }
}

@media only screen and (max-width: 649px) {
    .productList--detailed .tr__product td {
        padding: 0 1rem 2px 0
    }

    .productList--detailed .tr__product .td__name {
        padding-right: 0
    }

    .productList--detailed .tr__product .td__name p {
        font-size: 0.75rem
    }

    .productList--detailed .tr__product .td__name .td__rating {
        font-size: 0.6875rem
    }

    .productList--detailed .tr__product .td__name .td__rating svg {
        width: 8px;
        height: 8px
    }

    .productList--detailed .tr__product .td__price {
        -ms-grid-row-align: center;
        font-size: 0.75rem
    }

    .productList--detailed .tr__product .td__add {
        -ms-grid-row-align: center
    }

    .productList--detailed .tr__product td.td__rating {
        display: none
    }
}

#sandbox {
    background-color: #f4f4f3
}

.test-table .td__name {
    font-weight: 700
}

.test-table .td__name a {
    display: table
}

.test-table .td__name a .td__image {
    display: table-cell;
    vertical-align: middle;
    position: relative
}

.test-table .td__name a .td__image:hover .td__image--lg {
    display: block;
    width: 256px;
    height: 256px;
    top: -110px;
    left: 110px;
    position: absolute;
    z-index: 1;
    background-color: #ffffff;
    padding: 0.5rem
}

.test-table .td__name a .td__image:hover .td__image--lg img {
    max-width: 100%;
    max-height: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.test-table .td__name a .td__image img {
    margin-right: 1.5rem;
    max-width: 64px
}

.test-table .td__name a .td__image .td__image--lg {
    display: none;
    box-shadow: 0px 25px 45px rgba(0, 0, 0, 0.28);
    border: 2px solid #191b2a
}

.test-table .td__name a p {
    line-height: 1.25;
    display: table-cell;
    vertical-align: middle
}

#products .productList--detailed .td__name .td__image {
    border-style: solid;
    border-width: 1px;
    padding: 4px
}

.light-mode #products .productList--detailed .td__name .td__image {
    border-color: #dbdbdb
}

.dark-mode #products .productList--detailed .td__name .td__image {
    border-color: #37374d
}

#products .productList__actions {
    font-size: 0.75rem
}

@media only screen and (min-width: 1100px) {
    #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, .benchmarks__recently-updated .partlist .button--small {
        padding: 0.125rem 0.375rem;
        font-size: 0.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, .benchmarks__recently-updated .partlist .button--icon svg {
        width: 12px;
        height: 12px
    }
}

@media only screen and (min-width: 1100px) {
    #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, .benchmarks__recently-updated .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, .benchmarks__recently-updated .partlist table tbody tr td.td__component {
        font-size: 1.125rem
    }
}

#partlist .partlist table tbody tr td.td__component a, #user-saved-partlists .partlist table tbody tr td.td__component a, #user-completed-builds .partlist table tbody tr td.td__component a, #user-inventory-products .partlist table tbody tr td.td__component a, #user-favorite-products .partlist table tbody tr td.td__component a, #userbuild-pick-partlist .partlist table tbody tr td.td__component a, #buildguide-view .partlist table tbody tr td.td__component a, .benchmarks__recently-updated .partlist table tbody tr td.td__component a {
    text-decoration: underline
}

@media only screen and (max-width: 1049px) {
    #partlist .partlist table tbody tr td.td__component a, #user-saved-partlists .partlist table tbody tr td.td__component a, #user-completed-builds .partlist table tbody tr td.td__component a, #user-inventory-products .partlist table tbody tr td.td__component a, #user-favorite-products .partlist table tbody tr td.td__component a, #userbuild-pick-partlist .partlist table tbody tr td.td__component a, #buildguide-view .partlist table tbody tr td.td__component a, .benchmarks__recently-updated .partlist table tbody tr td.td__component a {
        text-decoration: none
    }
}

#partlist .partlist table tbody tr td.td__image a, #user-saved-partlists .partlist table tbody tr td.td__image a, #user-completed-builds .partlist table tbody tr td.td__image a, #user-inventory-products .partlist table tbody tr td.td__image a, #user-favorite-products .partlist table tbody tr td.td__image a, #userbuild-pick-partlist .partlist table tbody tr td.td__image a, #buildguide-view .partlist table tbody tr td.td__image a, .benchmarks__recently-updated .partlist table tbody tr td.td__image a {
    padding: 4px;
    border-style: solid;
    border-width: 1px
}

.light-mode #partlist .partlist table tbody tr td.td__image a, .light-mode #user-saved-partlists .partlist table tbody tr td.td__image a, .light-mode #user-completed-builds .partlist table tbody tr td.td__image a, .light-mode #user-inventory-products .partlist table tbody tr td.td__image a, .light-mode #user-favorite-products .partlist table tbody tr td.td__image a, .light-mode #userbuild-pick-partlist .partlist table tbody tr td.td__image a, .light-mode #buildguide-view .partlist table tbody tr td.td__image a, .light-mode .benchmarks__recently-updated .partlist table tbody tr td.td__image a {
    border-color: #dbdbdb
}

.dark-mode #partlist .partlist table tbody tr td.td__image a, .dark-mode #user-saved-partlists .partlist table tbody tr td.td__image a, .dark-mode #user-completed-builds .partlist table tbody tr td.td__image a, .dark-mode #user-inventory-products .partlist table tbody tr td.td__image a, .dark-mode #user-favorite-products .partlist table tbody tr td.td__image a, .dark-mode #userbuild-pick-partlist .partlist table tbody tr td.td__image a, .dark-mode #buildguide-view .partlist table tbody tr td.td__image a, .dark-mode .benchmarks__recently-updated .partlist table tbody tr td.td__image a {
    border-color: #37374d
}

@media only screen and (min-width: 1100px) {
    #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, .benchmarks__recently-updated .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, .benchmarks__recently-updated .partlist table tbody tr td.td__name a {
        font-size: 1rem
    }
}

.partlist--mini .td__image a {
    border-style: solid;
    border-width: 1px;
    padding: 4px
}

.light-mode .partlist--mini .td__image a {
    border-color: #dbdbdb
}

.dark-mode .partlist--mini .td__image a {
    border-color: #37374d
}

.benchmarks-products .td__image a {
    border-style: solid;
    border-width: 1px;
    padding: 4px
}

.light-mode .benchmarks-products .td__image a {
    border-color: #dbdbdb
}

.dark-mode .benchmarks-products .td__image a {
    border-color: #37374d
}

.compareTable .td__image a {
    display: block;
    border-style: solid;
    border-width: 1px;
    padding: 4px
}

.light-mode .compareTable .td__image a {
    border-color: #dbdbdb
}

.dark-mode .compareTable .td__image a {
    border-color: #37374d
}

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

.forum__group .table .td {
    padding: 0.25rem 2rem 0.25rem 0
}

#forums .forum__group a:hover {
    text-decoration: underline !important
}

#forums .row--topicTitle a {
    text-decoration: none
}

#subforum .forum__group a:hover {
    text-decoration: underline !important
}

#subforum .row--topicTitle a {
    text-decoration: none
}

.td__image {
    position: relative
}

@media (min-width: 768px) {
    .td__image:hover .td__image--lg {
        display: block;
        width: 256px;
        height: 256px;
        top: -110px;
        left: 120px;
        position: absolute;
        z-index: 1;
        background-color: #ffffff;
        padding: 0.5rem;
        border-radius: 0.5rem
    }

    .td__image:hover .td__image--lg img {
        max-width: 100%;
        max-height: 100%;
        position: relative;
        top: 50%;
        transform: translateY(-50%)
    }
}

.td__image .td__image--lg {
    display: none;
    box-shadow: 0px 25px 45px rgba(0, 0, 0, 0.28);
    border: 1px solid #929292
}

.tabsGroup > ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 0
}

.tabsGroup > ul > li {
    display: inline-block;
    position: relative
}

.tabsGroup > ul > li a {
    font-size: 0.875rem;
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 0.5rem 1rem;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem
}

.light-mode .tabsGroup > ul > li a {
    color: rgba(255, 255, 255, 0.6)
}

.dark-mode .tabsGroup > ul > li a {
    color: rgba(255, 255, 255, 0.6)
}

.light-mode .tabsGroup > ul > li a.active {
    color: #191b2a;
    background-color: #f4f4f3
}

.dark-mode .tabsGroup > ul > li a.active {
    color: #FFFFFF;
    background-color: #282838
}

.light-mode .tabsGroup > ul > li a.active:hover {
    color: #191b2a;
    background-color: #f4f4f3
}

.dark-mode .tabsGroup > ul > li a.active:hover {
    color: #FFFFFF;
    background-color: #282838
}

.light-mode .tabsGroup > ul > li:hover > a {
    color: #ffffff;
    background-color: #474866
}

.dark-mode .tabsGroup > ul > li:hover > a {
    color: #FFFFFF;
    background-color: #323348
}

.tabsGroup > ul > li.hidden {
    display: none
}

.tabsGroup > ul > li.more > a .shape-dots {
    position: relative;
    top: 3px
}

.light-mode .tabsGroup > ul > li.more > a .shape-dots {
    fill: rgba(255, 255, 255, 0.6)
}

.dark-mode .tabsGroup > ul > li.more > a .shape-dots {
    fill: rgba(255, 255, 255, 0.6)
}

.tabsGroup > ul > li.more ul {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    margin-right: 0;
    padding: 0.5rem 0;
    z-index: 1
}

.light-mode .tabsGroup > ul > li.more ul {
    background-color: #26293b
}

.dark-mode .tabsGroup > ul > li.more ul {
    background-color: #373742
}

.tabsGroup > ul > li.more ul li a {
    text-align: right;
    white-space: nowrap
}

.light-mode .tabsGroup > ul > li.more ul li a {
    color: #EAEAEA
}

.dark-mode .tabsGroup > ul > li.more ul li a {
    color: #B8B8C8
}

.light-mode .tabsGroup > ul > li.more ul li a:hover {
    color: #ffffff
}

.dark-mode .tabsGroup > ul > li.more ul li a:hover {
    color: #FFFFFF
}

.light-mode .tabsGroup > ul > li.more ul li a.active {
    background-color: #35394f;
    color: #ffffff
}

.dark-mode .tabsGroup > ul > li.more ul li a.active {
    background-color: #46464d;
    color: #FFFFFF
}

.tabsGroup > ul > li.more:hover ul {
    display: block
}

.light-mode .tabsGroup > ul > li.more:hover ul li a:hover {
    background-color: #35394f
}

.dark-mode .tabsGroup > ul > li.more:hover ul li a:hover {
    background-color: #46464d
}

.light-mode .tabsGroup > ul > li.more:hover > a {
    background-color: #26293b
}

.dark-mode .tabsGroup > ul > li.more:hover > a {
    background-color: #373742
}

.light-mode .tabsGroup > ul > li.more:hover > a .shape-dots {
    fill: #ffffff
}

.dark-mode .tabsGroup > ul > li.more:hover > a .shape-dots {
    fill: #FFFFFF
}

html {
    font-size: 16px
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 16px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

a {
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

dl dt {
    font-weight: 700
}

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: 1100px) {
    .markdown h1 {
        font-size: 2rem
    }
}

.markdown h2 {
    font-size: 1.25rem
}

@media only screen and (min-width: 1100px) {
    .markdown h2 {
        font-size: 1.5rem
    }
}

.markdown h3 {
    font-size: 1.125rem
}

@media only screen and (min-width: 1100px) {
    .markdown h3 {
        font-size: 1.25rem
    }
}

.markdown h4 {
    font-size: 1rem
}

@media only screen and (min-width: 1100px) {
    .markdown h4 {
        font-size: 1.125rem
    }
}

.markdown h5 {
    font-size: 0.875rem
}

@media only screen and (min-width: 1100px) {
    .markdown h5 {
        font-size: 1rem
    }
}

.markdown h6 {
    font-size: 0.75rem
}

@media only screen and (min-width: 1100px) {
    .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
    }
}

.markdown ul li, .markdown ol li {
    margin-bottom: 0.5rem
}

.markdown a {
    text-decoration: underline;
    word-wrap: break-word
}

.markdown img {
    margin-bottom: 1rem
}

.markdown blockquote {
    border-style: solid;
    border-width: 1px;
    border-left-width: 4px;
    padding: 0.5rem 1rem;
    margin: 0.5rem 0
}

.light-mode .markdown blockquote {
    border-color: #dbdbdb;
    background-color: rgba(234, 234, 234, 0.7)
}

.dark-mode .markdown blockquote {
    border-color: #37374d;
    background-color: rgba(40, 40, 56, 0.7)
}

.markdown blockquote p {
    font-size: 90% !important;
    margin-bottom: 0 !important
}

.markdown code, .markdown kbd, .markdown pre, .markdown samp, .markdown sup {
    font-size: inherit
}

.markdown code {
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word
}

.markdown hr {
    border: 0;
    height: 0;
    margin: 1.5rem 0;
    border-top-style: solid;
    border-top-width: 1px
}

.light-mode .markdown hr {
    border-color: #dbdbdb
}

.dark-mode .markdown hr {
    border-color: #37374d
}

.markdown .embed-video {
    margin-bottom: 2rem
}

.markdown table {
    margin-bottom: 1rem
}

#forumTopic .entry__forumTopic {
    margin: 1rem 0
}

#disclosure p {
    font-size: 0.875rem
}

.comment__message .markdown h1 {
    font-weight: 700;
    font-size: 1.5rem
}

.comment__message .markdown h2 {
    font-size: 1.25rem
}

.comment__message .markdown h3 {
    font-size: 1.125rem
}

.comment__message .markdown h4 {
    font-size: 1rem
}

.comment__message .markdown h5 {
    font-size: 0.875rem
}

.comment__message .markdown h6 {
    font-size: 0.75rem
}

.comment__message .markdown p, .comment__message .markdown ul, .comment__message .markdown ol {
    font-size: 0.875rem;
    line-height: 1.5;
    margin-bottom: 0.5rem
}

@media only screen and (min-width: 768px) {
    .comment__message .markdown p, .comment__message .markdown ul, .comment__message .markdown ol {
        font-size: 1.125rem
    }
}

.comment-help-table {
    font-size: 0.75rem
}

.comment-help-table sup {
    font-size: inherit
}

.comment-help-table pre {
    font-size: inherit
}

.forumRules .block {
    margin-bottom: 1.5rem
}

.forumRules h2 {
    font-size: 0.75rem
}

.forumRules ul li {
    font-size: 0.75rem
}

.ugcActions {
    line-height: 1
}

.light-mode .ugcActions {
    color: #929292
}

.dark-mode .ugcActions {
    color: #717184
}

.ugcActions li {
    display: inline-block;
    font-size: 0.6875rem
}

.ugcActions li.comment-vote-up .shape-arrow-up, .ugcActions li.comment-vote-up .shape-arrow-down, .ugcActions li.comment-vote-down .shape-arrow-up, .ugcActions li.comment-vote-down .shape-arrow-down {
    margin-right: 0.5rem
}

.ugcActions li a {
    margin-right: 0.5rem
}

.light-mode .ugcActions li a {
    color: #929292
}

.dark-mode .ugcActions li a {
    color: #717184
}

.light-mode .ugcActions li a:hover {
    color: #2c87c3
}

.dark-mode .ugcActions li a:hover {
    color: #74baff
}

.userAvatar {
    line-height: 0
}

.userAvatar img {
    max-width: 36px;
    border-radius: 50% 50%
}

@media only screen and (min-width: 1100px) {
    .userAvatar img {
        max-width: 48px
    }
}

.userDetails {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    margin-bottom: 0.5rem
}

@media only screen and (min-width: 1100px) {
    .userDetails {
        align-items: center
    }
}

.userDetails .userDetails__wrapper {
    line-height: 1
}

.userDetails .userDetails__userName a {
    font-weight: 700;
    font-size: 0.75rem
}

.light-mode .userDetails .userDetails__userName a {
    color: #191b2a
}

.dark-mode .userDetails .userDetails__userName a {
    color: #FFFFFF
}

@media only screen and (min-width: 1100px) {
    .userDetails .userDetails__userName a {
        font-size: 0.875rem
    }
}

.light-mode .userDetails .userDetails__userName a:hover {
    color: #2c87c3
}

.dark-mode .userDetails .userDetails__userName a:hover {
    color: #74baff
}

.userDetails .userDetails__userData {
    line-height: 1.125
}

.userDetails .userDetails__userData li {
    display: inline-block;
    margin-right: 0.5rem;
    font-size: 0.75rem
}

.light-mode .userDetails .userDetails__userData li {
    color: #929292
}

.dark-mode .userDetails .userDetails__userData li {
    color: #717184
}

.comment__author {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    margin-bottom: 0.5rem
}

@media only screen and (min-width: 1100px) {
    .comment__author {
        align-items: center
    }
}

.userAvatar--comment {
    margin-right: 0.5rem
}

.userAvatar--comment img {
    max-width: 18px
}

@media only screen and (min-width: 1100px) {
    .userAvatar--comment {
        margin-right: 1rem
    }

    .userAvatar--comment img {
        max-width: 36px
    }
}

.userDetails--comment {
    font-size: 0.875rem;
    line-height: 1.125
}

.userDetails--comment li {
    display: inline-block;
    margin-right: 0.5rem
}

.userDetails--comment li.userDetails__userModifier {
    font-weight: 700;
    font-size: 0.625rem;
    line-height: 0;
    padding-right: 4px;
    position: relative;
    top: 3px
}

.light-mode .userDetails--comment li.userDetails__userModifier {
    background-color: #191b2a;
    color: #ffffff
}

.dark-mode .userDetails--comment li.userDetails__userModifier {
    background-color: #FFFFFF;
    color: #09090F
}

.userDetails--comment li.userDetails__userModifier span {
    position: relative;
    top: -4px
}

.userDetails--comment li.userDetails__userModifier svg {
    width: 16px;
    height: 16px;
    fill: #ffffff;
    padding: 4px;
    margin-right: calc(0.5rem / 2)
}

.light-mode .userDetails--comment li.userDetails__userModifier svg {
    background-color: #00b16a
}

.dark-mode .userDetails--comment li.userDetails__userModifier svg {
    background-color: #26AD84
}

.userDetails--comment li.comment-modifier-staff svg, .userDetails--comment li.comment-modifier-manufacturer svg {
    fill: #ffffff
}

.light-mode .userDetails--comment li.comment-modifier-staff svg, .light-mode .userDetails--comment li.comment-modifier-manufacturer svg {
    background-color: #2c87c3
}

.dark-mode .userDetails--comment li.comment-modifier-staff svg, .dark-mode .userDetails--comment li.comment-modifier-manufacturer svg {
    background-color: #74baff
}

.userDetails--comment li.userDetails__userBuilds {
    font-size: 0.75rem
}

@media only screen and (min-width: 1100px) {
    .userDetails--comment li.userDetails__userBuilds {
        font-size: 0.875rem
    }
}

.userBadge {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem
}

.userBadge .userAvatar--profile {
    display: inline-block
}

.userBadge .userAvatar--profile img {
    max-width: 48px;
    vertical-align: middle;
    margin-right: 0.5rem
}

.userBadge h2 {
    display: inline-block;
    margin-top: 0.5rem;
    font-size: 1.25rem;
    position: relative;
    top: 3px;
    font-weight: 500
}

.light-mode .userBadge h2 {
    color: #26293b
}

.dark-mode .userBadge h2 {
    color: #B8B8C8
}

.userAvatar--entry {
    margin-right: 0.5rem
}

@media only screen and (min-width: 1100px) {
    .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: 1100px) {
    .userDetails--entry .userName--entry {
        font-size: 1.125rem;
        line-height: 1.5
    }
}

.light-mode .userDetails--entry .userName--entry {
    color: #191b2a
}

.dark-mode .userDetails--entry .userName--entry {
    color: #FFFFFF
}

.light-mode .userDetails--entry .userName--entry:hover {
    color: #2c87c3
}

.dark-mode .userDetails--entry .userName--entry:hover {
    color: #74baff
}

.userDetails--entry .userDetails__userData {
    font-size: 0.75rem
}

.light-mode .userDetails--entry .userDetails__userData {
    color: #929292
}

.dark-mode .userDetails--entry .userDetails__userData {
    color: #717184
}

.userDetails--entry .userDetails__userData li {
    display: inline-block;
    margin-right: 0.5rem
}

#user-profile .user__account {
    display: grid;
    grid-template-columns:1fr 1fr;
    grid-column-gap: 0.5rem
}

@media only screen and (min-width: 1100px) {
    #user-profile .user__account {
        display: block
    }
}

@media only screen and (max-width: 1049px) {
    #user-profile .user__account .group {
        border-bottom-style: solid;
        border-bottom-width: 1px;
        padding-bottom: 0.5rem;
        margin-bottom: 0.5rem
    }

    .light-mode #user-profile .user__account .group {
        border-color: #dbdbdb
    }

    .dark-mode #user-profile .user__account .group {
        border-color: #37374d
    }

    #user-profile .user__account .group .group__title {
        font-size: 0.75rem
    }

    #user-profile .user__account .group .group__content {
        margin-top: 0
    }

    #user-profile .user__account .group .group__content p {
        font-size: 0.875rem
    }
}

#user-profile #profile_description_edit {
    display: none
}

#user-profile .avatar__buttons {
    margin: 1rem 0
}

@media only screen and (max-width: 1049px) {
    #user-profile #profile_avatar_edit {
        text-align: center
    }

    #user-profile #profile_avatar_edit .module-subTitle {
        text-align: left
    }
}

#user-profile #profile_avatar_edit img {
    border-radius: 50% 50%
}

#user-profile #profile_avatar_edit #avatar_upload #fileupload {
    background: transparent
}

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

.partlist__folder .group__title {
    padding-right: 1.5rem
}

.partlist__folder .group__title a {
    display: inline-block;
    position: relative;
    top: 3px;
    left: 6px
}

.partlist__folder .group__title a svg {
    transition: fill 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
    width: 14px;
    height: 14px
}

.light-mode .partlist__folder .group__title a svg {
    fill: #929292
}

.dark-mode .partlist__folder .group__title a svg {
    fill: #717184
}

.partlist__folder .group__title a:hover svg {
    transition: fill 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.light-mode .partlist__folder .group__title a:hover svg {
    fill: #2c87c3
}

.dark-mode .partlist__folder .group__title a:hover svg {
    fill: #74baff
}

.partlist__saved, .userbuild__partlist, .userPref__nav {
    border-style: solid;
    border-width: 1px;
    border-radius: 0.5rem;
    box-shadow: 2px 4px 12px rgba(25, 27, 42, 0.15)
}

.light-mode .partlist__saved, .light-mode .userbuild__partlist, .light-mode .userPref__nav {
    background-color: #ffffff;
    border-color: #EAEAEA
}

.dark-mode .partlist__saved, .dark-mode .userbuild__partlist, .dark-mode .userPref__nav {
    background-color: #46465c;
    border-color: #282838
}

.partlist__saved li, .userbuild__partlist li, .userPref__nav li {
    border-top-style: solid;
    border-top-width: 1px;
    position: relative
}

.light-mode .partlist__saved li, .light-mode .userbuild__partlist li, .light-mode .userPref__nav li {
    border-color: #EAEAEA
}

.dark-mode .partlist__saved li, .dark-mode .userbuild__partlist li, .dark-mode .userPref__nav li {
    border-color: #282838
}

.partlist__saved li:first-of-type, .userbuild__partlist li:first-of-type, .userPref__nav li:first-of-type {
    border-top: none
}

.partlist__saved li a, .userbuild__partlist li a, .userPref__nav li a {
    font-size: 0.875rem;
    font-weight: 700;
    padding: 0.5rem;
    display: flex;
    width: 100%;
    line-height: 1.25
}

.light-mode .partlist__saved li a:hover, .light-mode .userbuild__partlist li a:hover, .light-mode .userPref__nav li a:hover {
    color: #1e5c85
}

.dark-mode .partlist__saved li a:hover, .dark-mode .userbuild__partlist li a:hover, .dark-mode .userPref__nav li a:hover {
    color: #daedff
}

.light-mode .partlist__saved li a, .light-mode .userbuild__partlist li a, .light-mode .userPref__nav li a {
    color: #191b2a
}

.dark-mode .partlist__saved li a, .dark-mode .userbuild__partlist li a, .dark-mode .userPref__nav li a {
    color: #FFFFFF
}

.partlist__saved li a .partlist__saved--icon, .userbuild__partlist li a .partlist__saved--icon, .userPref__nav li a .partlist__saved--icon {
    align-self: center;
    padding-right: 10px
}

.partlist__saved li a .partlist__saved--icon svg, .userbuild__partlist li a .partlist__saved--icon svg, .userPref__nav li a .partlist__saved--icon svg {
    margin-bottom: -3px;
    opacity: 0.3;
    transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.light-mode .partlist__saved li a .partlist__saved--icon svg, .light-mode .userbuild__partlist li a .partlist__saved--icon svg, .light-mode .userPref__nav li a .partlist__saved--icon svg {
    fill: #191b2a
}

.dark-mode .partlist__saved li a .partlist__saved--icon svg, .dark-mode .userbuild__partlist li a .partlist__saved--icon svg, .dark-mode .userPref__nav li a .partlist__saved--icon svg {
    fill: #FFFFFF
}

.partlist__saved li a .partlist__saved--icon:hover svg, .userbuild__partlist li a .partlist__saved--icon:hover svg, .userPref__nav li a .partlist__saved--icon:hover svg {
    opacity: 1;
    transition: opacity 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.partlist__saved li a .partlist__saved--name span, .userbuild__partlist li a .partlist__saved--name span, .userPref__nav li a .partlist__saved--name span {
    display: block;
    font-size: 0.625rem;
    text-transform: uppercase;
    opacity: 0.5
}

.light-mode .partlist__saved li.list-active a, .light-mode .userbuild__partlist li.list-active a, .light-mode .userPref__nav li.list-active a {
    background-color: #26293b;
    color: #ffffff
}

.dark-mode .partlist__saved li.list-active a, .dark-mode .userbuild__partlist li.list-active a, .dark-mode .userPref__nav li.list-active a {
    background-color: #B8B8C8;
    color: #09090F
}

.light-mode .partlist__saved li.list-active a svg, .light-mode .userbuild__partlist li.list-active a svg, .light-mode .userPref__nav li.list-active a svg {
    fill: #929292
}

.dark-mode .partlist__saved li.list-active a svg, .dark-mode .userbuild__partlist li.list-active a svg, .dark-mode .userPref__nav li.list-active a svg {
    fill: #717184
}

.partlist__saved li.list-active:first-child a, .userbuild__partlist li.list-active:first-child a, .userPref__nav li.list-active:first-child a {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem
}

.partlist__saved li.list-active:last-child a, .userbuild__partlist li.list-active:last-child a, .userPref__nav li.list-active:last-child a {
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem
}

.partlist__saved .ui-sortable-helper, .userbuild__partlist .ui-sortable-helper, .userPref__nav .ui-sortable-helper {
    transform: scale(1.1);
    transition: transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.partlist__saved .ui-sortable-helper a, .userbuild__partlist .ui-sortable-helper a, .userPref__nav .ui-sortable-helper a {
    box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.35)
}

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

.sortable-dragging {
    border-style: solid;
    border-width: 1px
}

.light-mode .sortable-dragging {
    background-color: #f9f5e9;
    border-color: #191b2a
}

.dark-mode .sortable-dragging {
    background-color: #46465c;
    border-color: #09090F
}

.light-mode .sortable-placeholder {
    background: rgba(25, 27, 42, 0.3)
}

.dark-mode .sortable-placeholder {
    background: rgba(255, 255, 255, 0.3)
}

.embed-video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0
}

.embed-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.wrapper_compare {
    padding: 1rem;
    margin-right: 1rem;
    display: grid;
    grid-template-columns:1fr;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scroll-padding-inline-start: 3rem;
    padding-block-end: 3rem
}

.compare-item--row {
    display: grid;
    grid-template-columns:repeat(5, 25%);
    grid-gap: 1.5rem
}

@media only screen and (min-width: 1100px) {
    .compare-item--row {
        grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));
        grid-gap: 3rem
    }
}

.compare-item__image {
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    max-width: 128px;
    margin-bottom: 1rem
}

.light-mode .compare-item__image {
    border-color: #dbdbdb
}

.dark-mode .compare-item__image {
    border-color: #37374d
}

.compare-item__image a {
    display: flex;
    align-items: center
}

.compare-item__image a img {
    vertical-align: baseline;
    max-width: 100%;
    max-height: 100%;
    padding: 1rem
}

.compare-item__name {
    font-size: 0.75rem;
    line-height: 1.25
}

@media only screen and (min-width: 1100px) {
    .compare-item__name {
        font-size: 1.125rem
    }
}

.compare-item__name a {
    display: block;
    font-weight: 700;
    color: #191b2a
}

.light-mode .compare-item__name a {
    color: #191b2a
}

.dark-mode .compare-item__name a {
    color: #FFFFFF
}

.light-mode .compare-item__name a:hover {
    color: #1e5c85
}

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

.compare-item__price {
    display: grid;
    align-items: center;
    grid-template-columns:70px 1fr;
    font-size: 0.875rem;
    padding: 0.5rem 0;
    margin: 0.5rem 0;
    border-top: 0;
    border-bottom-style: solid;
    border-bottom-width: 3px
}

.light-mode .compare-item__price {
    border-color: #191b2a
}

.dark-mode .compare-item__price {
    border-color: #FFFFFF
}

.compare-item__price h6 {
    font-size: 0.875rem
}

.compare-item__group {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem
}

.light-mode .compare-item__group {
    border-color: #dbdbdb
}

.dark-mode .compare-item__group {
    border-color: #37374d
}

.compare-item__group p {
    font-size: 0.75rem
}

@media only screen and (min-width: 1100px) {
    .compare-item__group p {
        font-size: 1rem
    }
}

.compare-item__group ul {
    font-size: 0.875rem
}

@media only screen and (min-width: 1100px) {
    .compare-item__group ul {
        font-size: 1rem
    }
}

.compare-item__group .compare-item__title {
    font-size: 0.75rem
}

.light-mode .compare-item__group .compare-item__title {
    color: #191b2a
}

.dark-mode .compare-item__group .compare-item__title {
    color: #FFFFFF
}

.compare-item__group .compare-item__content {
    font-size: 0.875rem;
    margin-top: 0
}

@media only screen and (min-width: 1100px) {
    .compare-item__group .compare-item__content {
        font-size: 1rem
    }
}

.compare-item__rating {
    font-size: 0.875rem
}

.compare-item__rating .product--rating svg.icon {
    width: 16px;
    height: 16px
}

.compare-item--empty:after {
    content: "";
    display: block;
    width: 18px;
    height: 2px;
    margin: 8px 0
}

.light-mode .compare-item--empty:after {
    background-color: rgba(25, 27, 42, 0.1)
}

.dark-mode .compare-item--empty:after {
    background-color: rgba(255, 255, 255, 0.1)
}

.wrapper_compare--charts {
    padding: 1rem;
    display: grid;
    grid-template-columns:1fr
}

.wrapper_compare--charts .compare-item--horizontal {
    background: #f3f3f3;
    margin: 3rem 0;
    display: grid;
    grid-template-columns:1fr;
    grid-gap: 0.5rem
}

.wrapper_compare--charts .chart {
    background: #ffffff;
    width: 100%;
    height: 300px;
    margin-bottom: 3rem
}

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