@media print and (min-width: 0) {
    .only--print {
        display: block !important
    }

    a,
    main.articles.view .article-content a,
    .sp-link,
    .sp-button:not(.select__button),
    .color--white {
        color: #000;
        font-weight: 600;
        text-decoration: underline !important
    }

    .sp-button .sp-icon svg path {
        fill: #000 !important
    }

    h1,
    .tw-text-white {
        color: #000 !important
    }

    .navbar .right-section,
    .type-info .difference,
    .sp-nav__topmiddle,
    .nav--right,
    .sp-nav__mobiletoggle,
    .sp-subnav,
    nav.top-tabs.mobile-only,
    nav.bottom,
    .nav--bottom,
    .sp-academycomments,
    .sp-socials,
    .sp-commentsection,
    #footer .footer__links,
    .social,
    .footer__social,
    main.articles.view .cta,
    .sp-goback,
    .sp-headermenu,
    .header__bg svg,
    .article-header svg,
    .card__bg svg,
    .related__bg svg,
    .g-wrp .sidebar.left,
    .sp-articlerating,
    main.qs-i.surveys .top-bar .action-row,
    main.qs-cp .notes .avatar,
    .avatar__marker .sp-avatarpin:after,
    .report--type-interactions .members,
    .report .report__links,
    .result__outline,
    #romantic-feedback,
    #result-rate,
    #result-related,
    .tool__actions .sp-action,
    .action-row .sp-action {
        display: none !important
    }

    .navbar.navbar--sticky {
        position: static !important
    }

    .navbar.navbar--sticky.navbar--shadow {
        box-shadow: none
    }

    .switch__tab[hidden] {
        display: block;
        margin-top: 1rem
    }

    article ul:not(.pagination),
    .sp-article ul,
    .teams .report__contents ul {
        list-style: square;
        padding-left: 2em
    }

    article ul:not(.pagination) li,
    .sp-article ul li,
    .teams .report__contents ul li {
        padding-left: unset
    }

    article ul:not(.pagination) li:before,
    .sp-article ul li:before,
    .teams .report__contents ul li:before {
        display: none
    }

    #footer {
        padding-top: 40px;
        padding-bottom: 0
    }

    #footer .footer__copyright {
        margin-bottom: 0
    }

    header.type-header .type-info h1 {
        color: initial
    }

    .description-pullout {
        clip-path: none;
        color: inherit !important
    }

    main.articles.view header {
        margin-bottom: 0;
        padding-bottom: 0
    }

    main.articles.view header h1 {
        color: inherit
    }

    .q-td .header__bg,
    .q-td .letters__bg,
    .q-td .info__bg,
    .q-td .letters,
    .q-td .p--difference,
    .q-td .sidebar,
    .q-td .sp-typenav {
        display: none !important
    }

    .q-td header figure img {
        margin-bottom: 0 !important
    }

    .q-td header .p--blurb {
        display: block !important
    }

    .q-td article.main.description {
        padding-left: 0;
        padding-right: 0
    }

    .q-td article.main.description .scene {
        display: none !important
    }

    .q-td .cta,
    .q-td .celebrities,
    .q-td .celebrities h2 {
        margin: 1rem 0 !important
    }

    .q-td .link__set,
    .q-td .sp-upgradenow[class] .sp-badge {
        display: none
    }

    .q-td .sp-upgradenow[class] .card__body {
        padding: 0
    }

    .q-td .sp-cardgetebook[class] {
        border: none
    }

    .q-td .sp-cardgetebook[class],
    .q-td .sp-cardgetebook[class] .col--left ul li {
        padding: 0
    }

    .q-td .sp-cardgetebook[class] .col--left {
        flex-grow: 1
    }

    .q-td .sp-cardgetebook[class] .col--left ul {
        list-style: disc;
        padding-inline-start: 1em
    }

    .q-td .sp-cardgetebook[class] li:before,
    .q-td .sp-cardgetebook[class] .sp-card,
    .q-td .sp-cardgetebook[class] .row--guarantee {
        display: none
    }

    .celebrities[class],
    .celebrities[class] h2,
    .celebrities[class] .celebrity {
        text-align: start !important
    }

    .celebrities[class]:before,
    .celebrities[class]:after,
    .celebrities[class] .slider__counter,
    .celebrities[class] svg.angular-1920-1 {
        display: none
    }

    .celebrities[class] .carousel__wrapper .celebrity__avatar,
    .celebrities[class] .carousel__wrapper .why,
    .celebrities[class] .carousel__wrapper .carousel__nav {
        display: none
    }

    .celebrities[class] .carousel__wrapper .wrapper__slider,
    .celebrities[class] .carousel__wrapper .slider__slides {
        flex-wrap: wrap;
        overflow: visible !important
    }

    .celebrities[class] .carousel__wrapper .slide__outer {
        height: auto !important;
        flex-basis: 50% !important;
        width: 50% !important;
        padding-right: 0
    }

    .celebrities[class] .carousel__wrapper .celebrity {
        justify-content: flex-start !important;
        align-items: stretch !important;
        margin-bottom: 20px
    }

    .celebrities[class] .carousel__wrapper .celebrity .celebrity__movie {
        margin-top: 0 !important
    }

    .g-wrp {
        display: block
    }

    .teams__header .header__figure .header__image {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .teams__header .header__figure .header__image img {
        max-width: 400px
    }

    .report__contents ul.report__members__list {
        padding-left: 0
    }

    .report__contents ul.report__members__list li {
        display: inline-flex
    }

    .report__contents ul.report__members__list li+li {
        margin-left: 10px
    }

    .report .report__sidebar .report__completions .completions__list {
        display: flex;
        flex-wrap: wrap;
        -moz-column-gap: 1em;
        column-gap: 1em;
        border-top: none !important;
        padding-top: 0 !important;
        padding-bottom: 1rem
    }

    .report__members__list .members__avatar,
    .report__sidebar .completions__list .completion img {
        clip-path: none !important;
        border-radius: 1000px;
        height: auto
    }

    .report__charts.report__charts--bars,
    .tools__charts.report__charts--bars {
        padding-bottom: 40px
    }

    .charts-len--2 .chart__wrapper,
    .charts-len--3 .chart__wrapper {
        width: auto
    }

    .charts-len--2 .chart__wrapper .chart__container,
    .charts-len--3 .chart__wrapper .chart__container {
        width: 100% !important
    }

    .chart--doughnut .legend__box {
        border: none !important
    }

    .chart--radar canvas {
        width: 100% !important;
        height: 100% !important
    }

    @supports ((-webkit-print-color-adjust: exact) or (print-color-adjust: exact)) {
        .legend__item {
            -webkit-print-color-adjust: exact;
            print-color-adjust: exact
        }
    }

    .sp-circles.inputoptions {
        margin-bottom: 1rem !important
    }

    .sp-circles.inputoptions,
    .sp-circles.inputoptions .group__options {
        margin-top: 1rem !important
    }

    .q-pt .questions.wrp .question.inactive {
        opacity: 1 !important
    }

    .q-pt .questions.wrp .question:last-of-type {
        border: none
    }

    .sp-circles,
    .sp-traitbar,
    .report .report__charts .chart__wrapper,
    .report .report__sidebar .report__completions .completions__list .completion {
        page-break-inside: avoid
    }

    .sp-badge {
        color: gray
    }

    .sp-circles .sp-radio .radio__tick {
        border-color: #000 !important
    }

    .sp-circles .caption {
        color: #000 !important
    }

    .sp-progressbar .bar__dot {
        box-shadow: none !important
    }

    .sp-badge,
    .sp-progressbar,
    .burnout__scale {
        border: 1px solid gray !important
    }

    @supports ((-webkit-print-color-adjust: exact) or (print-color-adjust: exact)) {

        .sp-badge,
        .sp-progressbar,
        .burnout__scale {
            -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
            border: unset !important
        }
    }

    .sp-card.has--shadow {
        box-shadow: none
    }
}