@charset "utf-8";

html.mi-theme-toggle-active body {
    background: #050505;
    color: #fff;
}

html.mi-theme-toggle-active body.home .carousel,
html.mi-theme-toggle-active body.home .product-section {
    background: #050505;
}

html.mi-theme-toggle-active body.home .product-section {
    margin-bottom: 10px;
}

html.mi-theme-toggle-active body .main-content,
html.mi-theme-toggle-active body .model-main,
html.mi-theme-toggle-active body .about-main,
html.mi-theme-toggle-active body .search-page,
html.mi-theme-toggle-active body .product-content,
html.mi-theme-toggle-active body .product-detail-container {
    background: #050505;
    color: #fff;
}

html.mi-theme-toggle-active body .mi-header__flyout {
    background: rgba(18, 18, 20, 0.98);
    color: #fff;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.52);
}

html.mi-theme-toggle-active body .mi-header__flyout-heading {
    color: rgba(255, 255, 255, 0.58);
}

html.mi-theme-toggle-active body .mi-header__flyout-link {
    color: #fff;
}

html.mi-theme-toggle-active body .mi-header__flyout-link:hover,
html.mi-theme-toggle-active body .mi-header__flyout-link:focus {
    color: #ff6900;
}

html.mi-theme-toggle-active body .mi-header__curtain {
    background: rgba(0, 0, 0, 0.48);
}

html.mi-theme-toggle-active body .breadcrumb,
html.mi-theme-toggle-active body.model-list-page .breadcrumb {
    background: #0f0f10;
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

html.mi-theme-toggle-active body .breadcrumb-list,
html.mi-theme-toggle-active body .breadcrumb-list a,
html.mi-theme-toggle-active body .breadcrumb-separator {
    color: #fff;
}

html.mi-theme-toggle-active body .breadcrumb-list a:hover {
    color: #ff6900;
}

html.mi-theme-toggle-active body .series-title,
html.mi-theme-toggle-active body .search-page__title,
html.mi-theme-toggle-active body .model-hero__title,
html.mi-theme-toggle-active body .about-section__heading h2,
html.mi-theme-toggle-active body .about-title-block h2,
html.mi-theme-toggle-active body .about-history h2,
html.mi-theme-toggle-active body .about-quality h2,
html.mi-theme-toggle-active body .product-content__title,
html.mi-theme-toggle-active body .related-title {
    color: #fff;
}

html.mi-theme-toggle-active body .search-page__popular > h2 {
    color: #fff;
}

html.mi-theme-toggle-active body .model-hero,
html.mi-theme-toggle-active body .about-intro,
html.mi-theme-toggle-active body .about-history,
html.mi-theme-toggle-active body .about-quality {
    background: #050505;
}

html.mi-theme-toggle-active body .model-hero__eyebrow,
html.mi-theme-toggle-active body .about-title-block p,
html.mi-theme-toggle-active body .about-intro__content,
html.mi-theme-toggle-active body .about-intro__content p,
html.mi-theme-toggle-active body .about-timeline p,
html.mi-theme-toggle-active body .about-quality li,
html.mi-theme-toggle-active body .search-result-card__desc,
html.mi-theme-toggle-active body .product-content__body,
html.mi-theme-toggle-active body .product-content__container,
html.mi-theme-toggle-active body .footer__column-text {
    color: #fff;
}

html.mi-theme-toggle-active body .about-intro__content *,
html.mi-theme-toggle-active body .about-intro__content [style] {
    color: #fff !important;
}

html.mi-theme-toggle-active body .about-intro__content p,
html.mi-theme-toggle-active body .about-intro__content span,
html.mi-theme-toggle-active body .about-intro__content div:not(.about-video-card),
html.mi-theme-toggle-active body .about-intro__content font,
html.mi-theme-toggle-active body .about-intro__content strong,
html.mi-theme-toggle-active body .about-intro__content em,
html.mi-theme-toggle-active body .about-intro__content [style] {
    background: transparent !important;
    background-color: transparent !important;
}

html.mi-theme-toggle-active body .product-card,
html.mi-theme-toggle-active body .rf-hcard,
html.mi-theme-toggle-active body .model-detail__panel,
html.mi-theme-toggle-active body .model-showcase__info,
html.mi-theme-toggle-active body .about-numbers div,
html.mi-theme-toggle-active body .search-page__empty,
html.mi-theme-toggle-active body .related-card {
    background: #151515;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.3);
    color: #fff;
}

html.mi-theme-toggle-active body .product-card:hover,
html.mi-theme-toggle-active body .rf-cards-scroller-item:hover .rf-hcard,
html.mi-theme-toggle-active body .rf-cards-scroller-item:focus-visible .rf-hcard,
html.mi-theme-toggle-active body .related-card:hover {
    box-shadow: 0 12px 34px rgba(255, 107, 53, 0.18);
}

html.mi-theme-toggle-active body .product-image,
html.mi-theme-toggle-active body .model-detail__image,
html.mi-theme-toggle-active body .model-showcase__viewport,
html.mi-theme-toggle-active body .model-showcase__thumb,
html.mi-theme-toggle-active body .related-image,
html.mi-theme-toggle-active body .about-video-card {
    background: #1f1f1f;
}

/* Let product images blend into the card instead of showing a grey block. */
html.mi-theme-toggle-active body.model-list-page .rf-hcard-media {
    background: transparent;
}

html.mi-theme-toggle-active body .product-name,
html.mi-theme-toggle-active body .rf-hcard-content-title,
html.mi-theme-toggle-active body .model-showcase__title,
html.mi-theme-toggle-active body .about-numbers strong,
html.mi-theme-toggle-active body .about-numbers span,
html.mi-theme-toggle-active body .about-timeline time,
html.mi-theme-toggle-active body .related-name,
html.mi-theme-toggle-active body .related-category {
    color: #fff;
}

html.mi-theme-toggle-active body .about-numbers {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.14);
}

html.mi-theme-toggle-active body .about-timeline {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.14);
}

html.mi-theme-toggle-active body .about-timeline article {
    border-bottom-color: rgba(255, 255, 255, 0.14);
}

html.mi-theme-toggle-active body .rf-cards-scroller__button {
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
}

html.mi-theme-toggle-active body .rf-cards-scroller__button:hover,
html.mi-theme-toggle-active body .rf-cards-scroller__button:focus-visible {
    background: rgba(255, 255, 255, 0.24);
}

html.mi-theme-toggle-active body .model-showcase__thumb {
    background: rgba(255, 255, 255, 0.32);
}

html.mi-theme-toggle-active body .model-showcase__thumb.is-active {
    background: #fff;
}

html.mi-theme-toggle-active body .model-spec-content tr {
    border-bottom-color: rgba(255, 255, 255, 0.18);
}
html.mi-theme-toggle-active body .model-spec-content tr:first-child {
    border-top-color: rgba(255, 255, 255, 0.18);
}
html.mi-theme-toggle-active body .model-spec-content th,
html.mi-theme-toggle-active body .model-spec-content td {
    color: #fff !important;
}
html.mi-theme-toggle-active body .model-spec-content th:first-child,
html.mi-theme-toggle-active body .model-spec-content td:first-child {
    color: rgba(255, 255, 255, 0.62) !important;
}

html.mi-theme-toggle-active body .model-showcase__gallery:hover .model-showcase__thumb,
html.mi-theme-toggle-active body .model-showcase__gallery:focus-within .model-showcase__thumb {
    background: rgba(255, 255, 255, 0.12);
}

html.mi-theme-toggle-active body .model-showcase__thumb:hover,
html.mi-theme-toggle-active body .model-showcase__thumb:focus-visible,
html.mi-theme-toggle-active body .model-showcase__gallery:hover .model-showcase__thumb.is-active,
html.mi-theme-toggle-active body .model-showcase__gallery:focus-within .model-showcase__thumb.is-active {
    background: #151515;
    border-color: #fff;
}

html.mi-theme-toggle-active body .model-showcase__eyebrow {
    color: rgba(255, 255, 255, 0.66);
}

html.mi-theme-toggle-active body .model-spec-content,
html.mi-theme-toggle-active body .model-spec-content table,
html.mi-theme-toggle-active body .model-spec-content th,
html.mi-theme-toggle-active body .model-spec-content td,
html.mi-theme-toggle-active body .model-spec-content p,
html.mi-theme-toggle-active body .model-spec-content span,
html.mi-theme-toggle-active body .model-spec-content div,
html.mi-theme-toggle-active body .model-spec-content [style] {
    background: transparent !important;
    background-color: transparent !important;
}

html.mi-theme-toggle-active body .model-spec-content,
html.mi-theme-toggle-active body .model-spec-content th,
html.mi-theme-toggle-active body .model-spec-content td {
    color: #fff !important;
}

html.mi-theme-toggle-active body .model-spec-content tr {
    border-bottom-color: rgba(255, 255, 255, 0.14);
}

html.mi-theme-toggle-active body .model-spec-content tr:first-child {
    border-top-color: rgba(255, 255, 255, 0.14);
}

html.mi-theme-toggle-active body .model-spec-content th:first-child,
html.mi-theme-toggle-active body .model-spec-content td:first-child {
    color: rgba(255, 255, 255, 0.66) !important;
}

html.mi-theme-toggle-active body .product-btn {
    background: #fff;
    color: #050505;
}

html.mi-theme-toggle-active body .product-btn:hover {
    background: #ff6900;
    color: #fff;
}

html.mi-theme-toggle-active body .load-more-btn {
    border-color: #fff;
    color: #fff;
}

html.mi-theme-toggle-active body .load-more-btn:hover {
    background: #fff;
    color: #050505;
}

html.mi-theme-toggle-active body .search-page__form {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.18);
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.32);
}

html.mi-theme-toggle-active body .search-page__input {
    color: #fff;
}

html.mi-theme-toggle-active body .search-page__input::placeholder {
    color: rgba(255, 255, 255, 0.68);
}

html.mi-theme-toggle-active body .search-page__icon {
    background: #fff;
    color: #050505;
}

html.mi-theme-toggle-active body .footer {
    background: #0b0b0c;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

html.mi-theme-toggle-active body .footer__title,
html.mi-theme-toggle-active body .footer__subtitle,
html.mi-theme-toggle-active body .footer__bottom,
html.mi-theme-toggle-active body .footer__bottom p,
html.mi-theme-toggle-active body .footer__bottom-link {
    color: #fff;
}

html.mi-theme-toggle-active body .footer__bottom {
    border-top-color: rgba(255, 255, 255, 0.12);
}