div#boxed-wrapper main#main {
    padding: 0;
}

/* Main Lander */
.post-content div#freestep-page-content p {
    font-family: var(--ff-body);
    font-size: var(--fs-md) !important;
    line-height: 1.5 !important;
}

.ttr-atf {
    min-height: 14.25rem;
    height: calc(92vh - 6.75rem);
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative;
}

.atf-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 1rem;
}

.atf-text h1, .atf-text h2 {
    margin: 0;
    text-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25), 0px 2px 4px rgba(0, 0, 0, 0.7);
}

h1 span.ttr-rmark {
    font-size: .33em;
    margin-left: .1rem;
    vertical-align: super;
}

.post-content .atf-text h1 {
    font-size: 1.5rem !important;
    line-height: 1.25 !important;
}

.atf-text h2.main-header {
    text-align: center;
    text-transform: uppercase !important;
    max-width: 25rem;
    padding-inline: 2rem;
}

.ttr-atf .main-cta {
    background-color: rgb(var(--clr-secondary-a-400));
    margin-block: .5rem;
    color: rgb(var(--clr-neutral-0));
    width: 14.25rem;
}

.ttr-atf .main-cta:focus-visible {
    outline: 2px solid rgb(var(--clr-info-200)) !important;
    border-radius: 3.125rem;
}

.atf-video-overlay {
    background-color: rgb(var(--clr-primary-400) / 20%);
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: -1;
}

.atf-video {
    height: 100%;
    position: absolute;
    z-index: -2;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    object-fit: cover;
}

.ttr-atf .ttr-video-pause {
    position: absolute;
    bottom: 5px;
    left: 5px;
    background: transparent;
    border: 0;
    z-index: 20;
    cursor: pointer;
}

.ttr-atf .ttr-video-pause i {
    font-size: 26px;
    color: rgb(var(--clr-neutral-0));
    text-shadow: 1px 1px 4px rgb(var(--clr-primary-400) / 50%);
}

.main-cta .fa-circle-play {
    margin-left: .5rem;
}

div#offer {
    background: rgb(var(--clr-primary-400));
}

.offer-sum-headline {
    max-width: 90rem;
    margin-inline: 2rem;
    display: flex;
    margin-block: 2.5rem .75rem;
}

.offer-sum-headline h2.sub-heading-3.text-white {
    max-width: 13rem;
    text-align: center;
    line-height: 1.5 !important;
    margin-inline: auto;
    margin-block: 0;
}

.offer-sum-headline h2 img {
    max-width: 4rem;
    display: inline;
    margin-top: .05rem;
}

div#offer .offer-sum-text {
    margin-inline: auto;
    text-align: center;
    padding-inline: 2rem;
    max-width: 24rem;
}

div#offer .offer-sum-text .financing-subtext {
    font-size: inherit !important;
    font-family: inherit;
    line-height: inherit !important;
    margin-bottom: 1.5rem;
}

div#offer .offer-sum-text .financing-subtext a {
    display: none;
}

.offer-sum-sub-headline {
    padding-inline: 2rem;
    margin-inline: auto;
    text-align: center;
    margin-bottom: 2.5rem;
}

.offer-sum-sub-headline h3 {
    margin: 0 !important;
}

div#intro-to-freestep {
    background-color: rgb(var(--clr-neutral-100));
}

div#intro-to-freestep .ttr-container {
    padding: 3.5rem 2rem 4rem;
    gap: 1rem;
    display: flex;
    flex-direction: column;
}

div#intro-to-freestep h2.sub-heading-1 {
    margin-block: 0;
    font-size: var(--fs-3xl) !important;
    padding-right: 1rem;
}

div#intro-to-freestep .ttr-container p {
    margin-bottom: 0;
}

.study-container {
    position: relative;
}

.study-img {
    background: url('/wp-content/uploads/2024/03/LT7_Inuse-Bedroom-Profile_0224-0.jpg');
    width: 100%;
    aspect-ratio: 375 / 304;
    background-size: cover;
    background-position: 0% 50%;
}

.study-text-block {
    background: rgb(var(--clr-primary-400));
    padding: 1.5rem 2rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    text-align: center;
}

.sec-number-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

.stat-number-container {
    text-align: center;
    position: relative;
}

.stat-graphic {
    aspect-ratio: 1;
    width: 11.25rem;
    border: none;
    border-radius: initial;
}

#svg1 {
    opacity: 1;
    transform: rotate(-90deg);
}

.circle-bg {
    fill: none;
    stroke: #0D0D21;
    stroke-width: 2;
}

.circle-round {
    fill: none;
    stroke-width: 2;
    stroke-dasharray: 0 100;
}

.scroll-reveal.active #inner-1 {
    animation: progress .8s cubic-bezier(.85, .25, .25, .85) forwards;
}

.scroll-reveal.active #outer-1 {
    animation: progress2 1.9s cubic-bezier(.85, .25, .25, .85) .9s forwards;
}

.stat-numbers {
    position: absolute;
    left: 50%;
    top: 47%;
    transform: translate(-50%, -50%) scale(0);
    width: 100%;
    color: rgb(var(--clr-neutral-0));
}

.sec-number-container.scroll-reveal.active div#user-survey-number {
    animation: bouncein .6s cubic-bezier(.85, .25, .25, .85) .8s forwards;
}

.stat-numbers {
    position: absolute;
    left: 50%;
    top: 47%;
    transform: translate(-50%, -50%) scale(0);
    width: 100%;
    color: rgb(var(--clr-neutral-0));
}

.post-content div#freestep-page-content .stat-numbers p, .post-content div#freestep-page-content .stat-numbers p .counterup {
    margin: 0;
    position: relative;
    left: 0;
    top: 0;
    transform: translate(0);
    display: inline;
    text-align: center;
    font-weight: 700 !important;
    font-size: 3rem !important;
    line-height: 1.25 !important;
    padding-inline: 0;
}

h2.stat-text {
    margin-block: .5rem 0 !important;
}

.sec-number-container h3 i {
    display: block;
}

.post-content div#freestep-page-content .caption-2 {
    font-size: var(--fs-3xs) !important;
    line-height: 1.25 !important;
    margin-bottom: 2rem;
}

@-webkit-keyframes progress {
    100% {
        stroke-dasharray: 100 0;
    }
}

@keyframes progress {
    100% {
        stroke-dasharray: 100 0;
    }
}

@-webkit-keyframes progress2 {
    100% {
        stroke-dasharray: 93 100;
    }
}

@keyframes progress2 {
    100% {
        stroke-dasharray: 93 100;
    }
}

@-webkit-keyframes bouncein {
    80% {
        transform: translate(-50%, -50%) scale(1.2);
    }

    100% {
        transform: translate(-50%, -50%) scale(1);
    }
}

@keyframes bouncein {
    80% {
        transform: translate(-50%, -50%) scale(1.2);
    }

    100% {
        transform: translate(-50%, -50%) scale(1);
    }
}

div#results h2.sub-heading-2 {
    margin-block: 0rem;
    text-align: center;
    max-width: 17rem;
    margin-inline: auto;
    text-shadow: 1px 1px 4px rgb(var(--clr-primary-400) / 50%);
}

.results-video-overlay {
    background-color: rgb(var(--clr-primary-400) / 20%);
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: -1;
}

.results-videotext-container {
    width: 100%;
    position: relative;
    display: flex;
    align-content: center;
    align-items: center;
    aspect-ratio: 15 / 16;
}

.results-video-container video {
    height: 100%;
    position: absolute;
    z-index: -2;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    object-fit: cover;
}

.results-video-container {
    position: absolute;
    width: 100%;
    height: 100%;
}

#results .ttr-video-pause {
    position: absolute;
    bottom: 5px;
    left: 5px;
    background: transparent;
    border: 0;
    z-index: 20;
    cursor: pointer;
}

#results .ttr-video-pause i {
    font-size: 26px;
    color: rgb(var(--clr-neutral-0));
    text-shadow: 1px 1px 4px rgb(var(--clr-primary-400) / 50%);
}

div#results-text {
    background-color: rgb(var(--clr-primary-400));
    padding: 2.5rem 2rem 3rem;
}

div#results-text .sub-heading-4.text-yellow {
    color: rgb(var(--clr-secondary-b-400)) !important;
    text-align: center;
    font-size: 1.5rem !important;
    max-width: 12rem;
    margin-inline: auto !important;
    margin-block: 0 1rem !important;
}

div#results-text .sub-heading-5 {
    text-align: center;
    margin-block: 0 1.5rem;
}

div#study-results {
    width: 100%;
    overflow: hidden;
    margin-inline: auto;
}

#study-results h4 {
    margin: 0 0 .25rem 9rem;
    width: 10.375rem;
}

#study-results .item {
    position: relative;
    width: 100%;
    height: 2.5rem;
    margin-block: 0rem 1rem;
}

#study-results .label {
    float: left;
    top: 50%;
    position: relative;
    transform: translateY(-50%);
    max-width: 30%;
    text-align: left;
    font-size: 1em;
    color: #9c2d49;
}

#study-results .bar-title {
    text-align: right;
    width: 9rem;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: flex-end;
}

#study-results .bar-container {
    width: 100%;
}

.post-content div#freestep-page-content .bar-title .subtitle-3 {
    font-size: .75rem !important;
    line-height: 1.25 !important;
}

.post-content div#freestep-page-content .bar-title p.ff-logo.product-logo {
    font-size: 1.25rem !important;
}

.post-content div#freestep-page-content .bar-title p {
    padding-right: 1rem;
    margin-block: auto;
}

#study-results .label, #study-results .number {
    position: relative;
    z-index: 1;
    padding: 0 5px;
    font-size: 1.2em;
    line-height: 30px;
}

#study-results .label {
    font-weight: bold;
}

#study-results .number {
    padding-block: 0.313rem;
    color: rgb(var(--clr-primary-400));
    text-align: center;
    margin: auto !important;
}

#study-results .number span.count {
    min-width: 36px;
    text-align: left;
}


#study-results .bar {
    float: left;
    height: 100%;
    width: auto;
    background-color: white;
}

#study-results .bar-track {
    position: absolute;
    top: 0;
    left: 9rem;
    height: 100%;
    z-index: 1;
}

#study-results .bar-fill {
    position: relative;
    height: 100%;
    width: 0;
    transition: width 3s;
    display: flex;
}

#study-results.active .bar-fill {
    width: 100%;
    background-color: rgb(var(--clr-neutral-0));
}

.post-content div#freestep-page-content div#results-text .caption-2 {
    margin-block: .5rem 0;
    text-align: center;
}

#stories {
    background: rgb(var(--clr-neutral-100));
    padding-bottom: 3rem;
}

#stories h2.sub-heading-2 {
    text-align: center;
    margin-block: 3.5rem 0.5rem;
    margin-inline: 1.5rem;
}

ul.filters {
    margin-top: 2rem;
    border: none;
    gap: .25rem;
    max-width: 42.125rem;
    margin-inline: 2rem 0;
    flex-wrap: nowrap;
    justify-content: space-between;
    display: flex;
    padding: .25rem;
    list-style: none;
    overflow: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

ul.filters::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.freestepTabList {
    margin-inline: initial !important;
    margin: 2.5rem auto 1.5rem 2rem !important;
}

ul.filters li {
    width: 100%;
}

#stories>ul>li:nth-child(3) {
    flex: 1 0 auto;
}

ul.filters li button {
    background: rgb(var(--clr-neutral-200));
    padding: 0.875rem 1.5rem;
    border-radius: 3.125rem;
    font-family: var(--ff-primary);
    font-size: 1rem;
    font-weight: 500;
    display: block;
    color: rgb(var(--clr-neutral-900));
    line-height: 1;
    text-align: center;
    text-decoration: none !important;
    border: none;
    cursor: pointer;
}

ul.filters li button.active {
    color: rgb(var(--clr-neutral-0));
    background: rgb(var(--clr-secondary-a-400));
}

ul.filters li button:hover {
    background: rgb(var(--clr-neutral-300));
}

ul.filters li button.active:hover {
    background: rgb(var(--clr-secondary-a-500));
}

.ttr-ff-ugc-column {
    background: #fff;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    max-width: 25rem;
    border-radius: .5rem;
    box-shadow: 0px 2px 6px rgb(var(--clr-neutral-900) / 20%);
    margin-left: 1.5rem;
}

.ttr-ff-ugc-column img {
    border-radius: .5rem .5rem 0rem 0rem;
}

.ttr-ff-ugc-column .icon-quotes {
    background-color: rgb(var(--clr-secondary-a-400)/20%);
    width: auto;
    height: 3rem;
    margin: 1.5rem 1rem 1rem;
}

.post-content div#freestep-page-content .ttr-ff-ugc-column p {
    font-size: 1rem !important;
    font-weight: 400;
    line-height: 1.5 !important;
    text-align: center;
    padding: 1.5rem 1rem .5rem;
    margin: 0;
}

.post-content div#freestep-page-content .slide-item.tabPress .ttr-ff-ugc-column p.sub-heading-5.desktop-text-size {
    font-size: 1.5rem !important;
}

.post-content div#freestep-page-content .slide-item.tabPress .ttr-ff-ugc-column p.sub-heading-5.desktop-text-size span {
    font-weight: 600;
}

.slide-item.tabPress .ttr-ff-ugc-column p.press-quote-body {
    height: 10.25rem;
    padding: 0 !important;
    margin: 1.5rem 1rem 0.5rem !important;
}

p.press-quote-body strong {
    display: block;
    margin-bottom: .5rem;
}

.ttr-ff-ugc-sep {
    height: 1px;
    width: 100%;
    background: #B6B6C6;
    margin-inline: auto;
    max-width: 15rem;
    margin-block: 1.25rem 2rem;
}

.post-content div#freestep-page-content .ttr-ff-ugc-column p.ttr-ff-ugc-attr {
    font-size: .875rem !important;
    font-weight: 500 !important;
    text-transform: uppercase;
    line-height: 1.25 !important;
    font-family: var(--ff-primary);
    letter-spacing: 0.08em !important;
    padding: 0 1rem 2rem !important;
}

img.ttr-ff-ugc-attr-img {
    border-radius: 0;
    max-width: 10.375rem;
    margin: 0 auto;
}

#stories .slick-track {
    display: flex;
    margin-left: -.2rem;
}

#stories .slick-slide {
    height: auto !important;
    display: flex;
    padding-block: 1rem;
    width: 18.5rem;
}

#stories .slick-slide:focus-visible, div#feel-good-exercise-club .slick-slider-hbc .slick-slide:focus-visible {
    border: none !important;
    outline: none;
}

#stories .slick-slide:focus-visible .ttr-ff-ugc-column, div#feel-good-exercise-club .slick-slider-hbc .slick-slide:focus-visible img {
    outline: 2px solid rgb(var(--clr-info-400)) !important;
    border-radius: .5rem;
}

.features-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1.5rem 0 5.5rem;
    gap: 2.5rem;
}

.feature-text-video-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 4rem 0 0;
    gap: 1.5rem;
    width: 100%;
}

.feature-text.scroll-reveal.active .slide-in-bottom {
    -webkit-animation: slide-in-bottom 0.6s ease-in-out .5s both;
    animation: slide-in-bottom 0.6s ease-in-out .5s both;
}

.feature-text {
    padding-inline: 2rem;
}

.post-content #features .feature-text h2 {
    margin: 0;
    font-size: var(--fs-2xl) !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    line-height: 1.25 !important;
}

.features-container .video-play-pause {
    width: 100%;
    aspect-ratio: 15 / 16;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.features-container .video-play-pause video {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 101%;
}

.features-container .video-play-pause .ttr-video-pause {
    position: absolute;
    bottom: 5px;
    left: 5px;
    background: transparent;
    border: 0;
    z-index: 20;
    cursor: pointer;
}

.features-container .video-play-pause .ttr-video-pause i {
    font-size: 26px;
    color: rgb(var(--clr-neutral-900));
}

div#buynow {
    background-color: rgb(var(--clr-primary-400));
    margin-inline: 1rem;
    border-radius: 1.5rem;
}

.rounded-content-container {
    display: grid;
    grid-template-areas: "cta-heading-container"
        "rounded-cta-image-container"
        "cta-copy-container";
    grid-template-rows: repeat(3, auto);
    justify-content: center;
    grid-row-gap: 1.5rem;
    margin: 1.5rem 1rem 2.5rem;
}

.rounded-cta-image-container {
    grid-area: rounded-cta-image-container;
}

.rounded-cta-image-container, .rounded-cta-image-container>picture, .rounded-cta-image-container>img, .rounded-cta-image-container img {
    aspect-ratio: 59 / 50;
}

.rounded-cta-image-container>picture, .rounded-cta-image-container>img, .rounded-cta-image-container img {
    border-radius: 1.25rem;
    position: relative;
    object-fit: cover;
    overflow: hidden;
}

.cta-heading-container {
    grid-area: cta-heading-container;
    text-align: center;
}

.cta-heading-container h2, .cta-copy-container h3, #buynow .cta-copy-container p {
    margin: 0 !important;
}

.cta-copy-container {
    grid-area: cta-copy-container;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    gap: 1rem;
    text-align: center;
}

#buynow .cta-copy-container p.financing-subtext {
    color: rgb(var(--clr-neutral-0));
    font-family: var(--ff-primary);
    font-size: var(--fs-2xs) !important;
    letter-spacing: 0 !important;
    line-height: 1.25 !important;
}

#buynow .cta-copy-container p.financing-subtext a {
    text-decoration: underline;
    color: rgb(var(--clr-secondary-a-300));
    margin-block: 0.5rem;
    display: block;
    font-weight: 600;
}

.cta-copy-container .main-cta {
    color: rgb(var(--clr-neutral-0));
    background-color: rgb(var(--clr-secondary-a-400));
    width: 100%;
    max-width: 26rem;
}

.cta-copy-container .financing-subtext a:hover, .cta-copy-container .financing-subtext a:focus {
    color: rgb(var(--clr-secondary-a-200));
}

.cta-copy-container .main-cta:hover, .cta-copy-container .main-cta:focus {
    background-color: rgb(var(--clr-secondary-a-600));
}

.cta-copy-container .main-cta:active {
    background-color: rgb(var(--clr-secondary-a-500));
}

#buynow a.calendly-cta.secondary-cta {
    color: rgb(var(--clr-neutral-0));
    margin-bottom: 0.5rem;
}

#buynow a.calendly-cta.secondary-cta:hover, #buynow a.calendly-cta.secondary-cta:focus {
    color: rgb(var(--clr-neutral-300)) !important;
}

#buynow a.calendly-cta.secondary-cta:active {
    color: rgb(var(--clr-neutral-200));
}

.calendly-cta i {
    margin-left: 0.333rem;
}

div#freestep-tech .ttr-container {
    display: flex;
    padding: 3rem 2rem;
    flex-direction: column;
    align-items: center;
    gap: 2.5rem;
}

div#freestep-tech h2.sub-heading-2 {
    margin: 0;
    text-align: center;
}

.freestep-tech-icon-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.freestep-tech-icon {
    display: flex;
    padding: 0.75rem 0.5rem;
    flex-direction: column;
    align-items: center;
}

.freestep-tech-icon .icon-box {
    width: 4.6875rem;
    background-color: rgb(var(--clr-secondary-a-400));
}

.freestep-tech-icon .sub-heading-4 {
    margin-block: 1rem .5rem !important;
    text-align: center;
}

.freestep-tech-icon p {
    text-align: center;
    margin-bottom: 0;
}

.ttrmove-container {
    background: var(--clr-neutral-0);
    position: relative;
}

.ttrmove-container svg {
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
}

.ttrmove-container svg polygon {
    fill: url(#grad);
    clip-path: polygon(0 40%, 66% 0%, 100% 100%, 0 100%);
}

.ttrmove-section .ttrmove-logo {
    max-width: 85%;
}

.ttrmove-section {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 2rem;
    padding: 3rem 2rem 4rem;
    display: flex;
}

.ttrmove-phone-container {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    position: relative;
}

video#ttr-move-app-video {
    max-width: 100%;
    position: absolute;
    top: 11%;
    left: 4%;
    z-index: 1;
    width: 79%;
}

.ttrmove-phone-container .ttr-video-pause {
    position: absolute;
    bottom: 0.313rem;
    left: -1.75rem;
    background: transparent;
    border: 0;
    transition: box-shadow 0.3s cubic-bezier(0.5, 0.61, 0.355, 1), opacity 0.3s cubic-bezier(0.5, 0.61, 0.355, 1);
    padding: 0;
}

.ttrmove-phone-container .ttr-video-pause i {
    color: rgb(var(--clr-primary-400));
    font-size: 1.625rem;
}

.ttrmove-phone-container>picture, .ttrmove-phone-container>img {
    z-index: 2;
}

.ttr-move-desc-text {
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.post-content .sub-heading-4.ttr-move-desc-header {
    margin-bottom: .5rem !important;
    text-align: center;
    padding-inline: .5rem;
}

.ttr-move-desc-text p {
    text-align: center;
    margin-bottom: .5rem;
    padding-inline: 0.594rem;
}

.ttr-move-desc-text .main-cta {
    margin-block: 1rem;
    background-color: rgb(var(--clr-secondary-a-400));
    color: rgb(var(--clr-neutral-0));
    width: 100%;
}

.ttrmove-dwnld-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 1rem;
    z-index: 1;
    width: 100%;
    margin-top: .5rem;
}

.ttr-move-desc-text h4 {
    margin-block: -.5rem 0;
}

div#console {
    padding: 3.5rem 2rem;
}



.slider-fix {
    width: 100%;
    display: inline-block;
}

.ttr-console-feature-heading {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.ttr-console-feature-heading h2, .ttr-console-feature-heading p {
    margin-block: 0;
}

div#console .slider-for {
    margin-block: 1.5rem !important;
}

.slider-nav .slick-slide {
    cursor: pointer;
}

/* Console Img Slider */
div#console .slider-for .slick-track {
    padding-bottom: 3.5rem;
}
.console-slider-container .slider.slider-for .slick-slide, .console-slider-container .slider.slider-for .slick-slide img, .console-slider-container .slider.slider-for .slick-slide picture {
    border-radius: 1.25rem;
}
div#console .slider-for ul.slick-dots {
    bottom: 0px;
}

div#console .slider-for .slick-dots li {
    width: 2.5rem;
    height: 2.5rem;
    margin: 0 .125rem;
}

div#console .slider-for .slick-dots li button {
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
}

div#console .slider-for .slick-dots li button:before {
    color: rgb(var(--clr-neutral-0));
    opacity: 1;
    outline: 1px solid rgb(var(--clr-neutral-600));
    line-height: .75rem;
    width: .75rem;
    height: .75rem;
    border-radius: 6rem;
    font-size: 0.75rem;
    padding: 0;
    top: 50%;
    left: 50%;
    background: rgb(var(--clr-neutral-0));
    transform: translate(-50%, -50%);
}

div#console .slider-for .slick-dots li.slick-active button:before {
    color: rgb(var(--clr-neutral-600));
    opacity: 1;
    background: rgb(var(--clr-neutral-600));
}

.ttr-slider-feature-icon-text {
    display: flex;
}

.ttr-slider-feature-container {
    padding-left: 1.5rem;
    position: relative;
    padding-top: .188rem;
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

.ttr-slider-feature-icon-text {
    display: flex;
    gap: .5rem;
    align-items: center;
}

.ttr-slider-feature-icon-text img {
    max-width: 3rem;
}

.ttr-slider-feature-container p {
    margin-block: .25rem 0rem !important;
    padding-bottom: 1.5rem;
}

.slick-vertical .slick-slide {
    border: 0px solid transparent;
}

.slick-vertical .slick-track .slick-slide .ttr-slider-feature-icon-text h3 {
    margin-block: 0;
}

/* Not Current Slide */
.slick-vertical .slick-track .slick-slide .ttr-slider-feature-container:before {
    content: '';
    width: 0.188rem;
    background: #CCE5F1;
    position: absolute;
    left: 0;
    top: -.5rem;
    bottom: 0;
    transform: translateX(0%);
    height: 110%
}

.slick-vertical .slick-track .slick-slide .ttr-slider-feature-icon-text, .slick-vertical .slick-track .slick-slide p {
    opacity: .60;
}

/* Current Slide */
.slick-vertical .slick-current.slick-slide .ttr-slider-feature-container:before,
.slick-vertical .slick-target.slick-slide .ttr-slider-feature-container:before {
    content: '';
    width: 0.188rem;
    background: #007CBA;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    transform: translateX(0%);
}

.slick-vertical .slick-current.slick-slide .ttr-slider-feature-icon-text,
.slick-vertical .slick-target.slick-slide .ttr-slider-feature-icon-text,
.slick-vertical .slick-current.slick-slide p,
.slick-vertical .slick-target.slick-slide p {
    opacity: 1;
}

.ttr-slider-feature-icon-text .icon-box {
    width: 3rem;
}

.ttr-slider-feature-icon-text .sub-heading-4 {
    font-size: var(--fs-lg) !important;
}

/* .slider.slider-nav.slick-initialized.slick-slider.slick-vertical {
    overflow: visible;
} */
.console-slider-container {
    position: relative;
}

button.slick-autoplay-toggle-button {
    position: absolute;
    z-index: 2;
    left: 0;
    color: transparent;
    border: 0;
    cursor: pointer;
    background: transparent;
    bottom: .5rem;
}

button.slick-autoplay-toggle-button .slick-sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

button.slick-autoplay-toggle-button span {
    color: rgb(var(--clr-primary-400));
}

button.slick-autoplay-toggle-button span {
    position: absolute;
    bottom: 0px;
}

button.slick-autoplay-toggle-button span.la.la-play:before, button.slick-autoplay-toggle-button span.la.la-pause:before {
    font-family: var(--ff-icon);
    font-size: 1.5rem;
    font-weight: 300;
}

button.slick-autoplay-toggle-button span.la.la-pause:before {
    content: '\f28b';
}

button.slick-autoplay-toggle-button span.la.la-play:before {
    content: '\f144';
}

.support-container {
    position: relative;
}

.support-img {
    background: url('/wp-content/uploads/2024/03/LT7_Lifestyle_Rear_High-Overhand_0224.jpg');
    width: 100%;
    aspect-ratio: 125 / 114;
    background-size: 195%;
    background-position: 19% 73%;
}

.support-text-block {
    background: rgb(var(--clr-primary-400));
}

.support-text-block h2 {
    color: rgb(var(--clr-neutral-0)) !important;
    margin: 0;
    text-align: center;
}

.support-text-block {
    background: rgb(var(--clr-primary-400));
    padding: 3rem 2rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.support-sub-container {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    align-items: center;
    align-content: center;
    text-align: center;
}

.support-sub-container .subtitle-1 {
    margin-block: 0 0.75rem;
}

.support-sub-container p {
    margin-block: 0 !important;
}

div#suport-text-1 {
    max-width: 16rem;
}

div#suport-text-2 {
    max-width: 16.5rem;
}

div#suport-text-3 {
    max-width: 19rem;
}

div#feel-good-exercise-club {
    background-color: rgb(var(--clr-neutral-100));
    padding-bottom: 4rem;
}

div#feel-good-exercise-club h2 {
    text-align: center;
    margin-bottom: .5rem;
    margin-top: 3rem;
}

div#feel-good-exercise-club h2 span {
    display: block;
}

.post-content div#freestep-page-content div#feel-good-exercise-club p {
    text-align: center;
    margin-bottom: 1rem;
}

div#feel-good-exercise-club .slick-track {
    display: flex;
    margin-left: -.2rem;
}

div#feel-good-exercise-club .slick-slider-hbc .slick-slide {
    height: auto !important;
    width: 18.5rem;
    border-radius: 0.5rem;
    padding: 1rem 0rem 1rem 1.5rem;
}

div#feel-good-exercise-club .slick-slider-hbc .slick-slide img {
    aspect-ratio: 272 / 483;
    border-radius: 0.5rem;
    box-shadow: 0px 2px 6px rgb(var(--clr-neutral-900) / 20%);
}

.post-content div#freestep-page-content .ttr-quality p {
    font-family: var(--ff-primary);
    font-weight: 400;
    font-size: var(--fs-2xs) !important;
    line-height: 1.25 !important;
    color: rgb(var(--clr-neutral-0));
    text-align: center;
    padding-inline: 1.5rem;
    margin-bottom: .75rem;
}

div#why-teeter h4 {
    margin-top: 0 !important;
}

div#freestep-page-content .ttr-grid-container {
    gap: 1.5rem
}

div#order {
    padding-inline: 1rem;
    margin-block: 3.5rem 5rem;
}

div#order h2 {
    font-size: var(--fs-md) !important;
    color: rgb(var(--clr-neutral-700));
    font-family: var(--ff-body);
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: 0 !important;
    text-align: center;
    margin-top: 0;
    margin-bottom: .5rem;
}

div#order h3.sub-heading-4 {
    text-align: center;
    margin-block: 0 2rem !important;
}

.flash-sale-banner-container {
    background: rgb(var(--clr-secondary-b-400));
    text-align: center;
    padding-block: .5rem !important;
    max-width: 69.5rem;
    margin: 0 auto 1rem;
}

.flash-sale-banner-container .sub-heading-6 {
    margin-block: 0;
}

#order .chart-column {
    box-shadow: 0px 2px 6px rgba(10, 10, 13, 0.2);
    border-radius: 8px;
    justify-items: center;
    align-items: start;
    gap: 0rem;
    grid-auto-rows: auto;
    padding-bottom: 2rem;
    grid-template-rows: repeat(2, auto) 4rem repeat(9, auto);
    min-height: 0;
    min-width: 0;
    max-height: 175rem;
}

div#top-page-content .chart-column {
    box-shadow: 0px 2px 6px rgba(10, 10, 13, 0.2);
    border-radius: 8px;
    justify-items: center;
    align-items: start;
    gap: 0rem;
    grid-auto-rows: auto;
    padding-bottom: 2rem;
    grid-template-rows: repeat(2, auto) 4rem repeat(11, auto);
    min-height: 0;
    min-width: 0;
    max-height: 221rem;
}

#order .hide.chart-column.slot1.slot2 .compchart-section, #order .hide.chart-column.slot1.slot2 {
    grid-template-rows: auto !important;
}

#order .compchart-section.compchart-features, #top-page-content .compchart-section.compchart-features {
    grid-auto-rows: auto;
    gap: 0.5rem;
    grid-template-rows: 1.625rem 3.75rem 1.875rem 4.688rem 1.875rem 6.563rem 1.875rem 17.813rem repeat(2, 3.75rem) repeat(2, 1.875rem) repeat(2, 0.938rem) 1.875rem 6.563rem 8.438rem 2.813rem;
    margin-block: 0;
    padding-bottom: 0.5rem;
    align-items: start;
    height: auto;
}


#order .compchart-section.compchart-tech, #order .compchart-section.compchart-certs, #top-page-content .compchart-section.compchart-tech, #top-page-content .compchart-section.compchart-certs {
    grid-template-rows: auto;
    grid-auto-rows: auto;
}

#order .compchart-section.compchart-user-specs {
    grid-auto-rows: auto;
    gap: 0.5rem;
    grid-template-rows: 1.625rem 2.813rem;
    margin-block: 0;
    padding-bottom: 0.5rem;
    align-items: start;
    height: auto;
}

#order .compchart-section.compchart-certs {
    grid-template-rows: 1.625rem 0.938rem;
    grid-auto-rows: auto;
    gap: 0.5rem;
    margin-block: 0;
    padding-bottom: 0.5rem;
    align-items: start;
    height: auto;
}

#order .compchart-section.compchart-tech {
    gap: 0.5rem;
    margin-block: 0;
    padding-bottom: 0.5rem;
    align-items: start;
    height: auto;
}

.post-content div#freestep-page-content .chart-column p, .post-content #top-page-content .chart-column p {
    font-size: var(--fs-3xs) !important;
    font-family: var(--ff-primary);
    margin-block: .25rem;
    line-height: 1.25 !important;
    padding-inline: 1rem;
}

.post-content div#freestep-page-content .chart-column p.spec-chart-item, .post-content #top-page-content .chart-column p.spec-chart-item {
    text-align: left;
    padding: 0;
    margin: 0;
    margin-bottom: .5rem;
}

.post-content div#freestep-page-content p.product-price, .post-content #top-page-content p.product-price {
    margin-block: 0;
    font-size: var(--fs-price-1) !important;
    font-family: var(--ff-body);
    font-weight: 600;
    line-height: 1.5 !important;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

.post-content div#freestep-page-content p.product-price del, .post-content #top-page-content p.product-price del {
    font-size: var(--fs-price-3) !important;
    font-weight: 400;
    margin-left: .5rem;
}

.post-content div#freestep-page-content .chart-column p.financing-subtext a, .post-content #top-page-content .chart-column p.financing-subtext a {
    display: none;
}

.post-content div#freestep-page-content .chart-column p.financing-subtext, .post-content #top-page-content .chart-column p.financing-subtext {
    margin-block: 0.5rem;
    max-width: 21rem;
}

.video-preview {
    position: relative;
}

.video-preview-overlay {
    background-color: rgb(var(--clr-primary-400) / 15%);
    height: 100%;
    width: 100%;
    position: absolute;
    border-radius: 1rem;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    transition: background-color .4s ease;
}

.video-preview:hover .video-preview-overlay {
    background-color: rgb(var(--clr-primary-400) / 5%);
}

.chart-column a.popup-youtube {
    margin-inline: 1rem;
    margin-block: 0.5rem;
    padding: 0;
}

.video-preview-overlay i {
    color: rgb(var(--clr-neutral-0));
    font-size: 2rem;
    text-shadow: 1px 1px 4px rgb(var(--clr-primary-400) / 50%);
}

#order a.popup-youtube img {
    aspect-ratio: 135/101;
    border-radius: 1rem;
}

div#still-deciding {
    padding-inline: 1rem;
}

div#order div#still-deciding h3 {
    margin-top: 3.5rem !important;
}

div#still-deciding .main-cta {
    background: rgb(var(--clr-neutral-0));
    color: rgb(var(--clr-secondary-a-400));
    font-size: 1rem !important;
    border: 0.094rem solid rgb(var(--clr-secondary-a-400));
    font-family: var(--ff-primary);
    padding: 1rem;
    width: calc(100% - 2rem);
    border-radius: 3.125rem;
    margin-block: 0.5rem;
    margin-inline: auto;
    width: 100%;
    height: 3.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

#still-deciding .main-cta:hover, div#still-deciding .main-cta:focus {
    background-color: rgb(var(--clr-secondary-a-400) / 10%);
    color: rgb(var(--clr-secondary-a-500));
    border: 0.094rem solid rgb(var(--clr-secondary-a-500));
}

#still-deciding .main-cta:active {
    background-color: rgb(var(--clr-secondary-a-400) / 5%);
    color: rgb(var(--clr-secondary-a-500));
    border: 0.094rem solid rgb(var(--clr-secondary-a-500));
}

#order a.calendly-cta.secondary-cta {
    margin-top: 1rem !important;
}

.ttr-atf .main-cta:hover, .cta-text .main-cta:hover, .ttr-move-desc-text .main-cta:hover, a.compchart-cta.main-cta:hover, .ttr-atf .main-cta:focus, .cta-text .main-cta:focus, .ttr-move-desc-text .main-cta:focus, a.compchart-cta.main-cta:focus {
    background-color: rgb(var(--clr-secondary-a-600));
}

.ttr-atf .main-cta:active, .cta-text .main-cta:active, .ttr-move-desc-text .main-cta:active, a.compchart-cta.main-cta:active {
    background-color: rgb(var(--clr-secondary-a-500));
}

.ttr-atf .ttr-video-pause i:hover, #results .ttr-video-pause i:hover, #easy-to-use .ttr-video-pause i:hover, .ttr-atf .ttr-video-pause i:focus, #results .ttr-video-pause i:focus, #easy-to-use .ttr-video-pause i:focus {
    color: rgb(var(--clr-neutral-200));
}

.ttr-atf .ttr-video-pause i:active, #results .ttr-video-pause i:active, #easy-to-use .ttr-video-pause i:active {
    color: rgb(var(--clr-neutral-100));
}

.features-container .video-play-pause .ttr-video-pause i:hover, .ttrmove-phone-container .ttr-video-pause i:hover, .features-container .video-play-pause .ttr-video-pause i:focus, .ttrmove-phone-container .ttr-video-pause i:focus {
    color: rgb(var(--clr-neutral-500));
}

.features-container .video-play-pause .ttr-video-pause i:active, .ttrmove-phone-container .ttr-video-pause i:active {
    color: rgb(var(--clr-neutral-600));
}

#order a.calendly-cta.secondary-cta:hover, #order a.calendly-cta.secondary-cta:focus {
    color: rgb(var(--clr-neutral-500));
}

#order a.calendly-cta.secondary-cta:active {
    color: rgb(var(--clr-neutral-600));
}

#order div#compchart-selectors select, #top-page-content div#compchart-selectors select {

    font-size: .75rem !important;
    text-align: left;

}

.cta-text.text-white .financing-subtext a:hover, .cta-text.text-white .financing-subtext a:focus {
    color: rgb(var(--clr-secondary-a-200));
}

.ttr-video-pause {
    cursor: pointer;
}

div#freestep-page-content .slick-next:before, div#freestep-page-content .slick-prev:before {
    color: rgb(var(--clr-neutral-700));
}

div#freestep-page-content .slick-next:hover:before, div#freestep-page-content .slick-prev:hover:before,
div#freestep-page-content .slick-next:focus:before, div#freestep-page-content .slick-prev:focus:before {
    color: rgb(var(--clr-neutral-500));
}

div#freestep-page-content .slick-next:active:before, div#freestep-page-content .slick-prev:active:before {
    color: rgb(var(--clr-neutral-600));
}

div#top-page-content h1 span {
    font-size: initial;
    vertical-align: initial;
}

@media (max-width:21.875rem) {
    a#freestep-shopnow-subnav {
        font-size: 0.75rem;
    }

    div#freestep-subnav .product-name {
        width: 40%;
        line-height: 1.2;
    }
}

@media (min-width:23rem) {
    #order div#compchart-selectors select, #top-page-content div#compchart-selectors select {
        font-size: 1rem !important;
    }

    #order .compchart-section.compchart-features, #top-page-content .compchart-section.compchart-features {
        grid-template-rows: 1.625rem 4.25rem 1.438rem 4.25rem 1.438rem 5.188rem 2.375rem 13.625rem 3.313rem 4.25rem 1.438rem 2.375rem repeat(2, 1.438rem) 2.375rem 4.25rem 7.063rem 3.313rem;
    }

    #order .chart-column {
        grid-template-rows: repeat(2, auto) 4rem repeat(9, auto);
    }

    #order .compchart-section.compchart-tech, #order .compchart-section.compchart-certs, #top-page-content .compchart-section.compchart-tech, #top-page-content .compchart-section.compchart-certs {
        grid-auto-rows: auto;
        grid-template-rows: auto;
    }

    .post-content .chart-column h4 {
        font-size: 0.875rem !important;
    }

}

@media (min-width:26rem) {
    div#compchart-selectors select {
        font-size: 1rem !important;
        text-align: center;
    }

    #order .compchart-section.compchart-features, #top-page-content .compchart-section.compchart-features {
        grid-template-rows: 1.625rem 3.313rem 1.438rem 3.313rem 1.438rem 4.25rem 2.375rem 10.813rem 2.375rem 3.313rem repeat(4, 1.438rem) 2.375rem 4.25rem 6.125rem 2.375rem;
    }

    #order .chart-column {
        grid-template-rows: repeat(2, auto) 3.5rem repeat(9, auto);
        max-height: 138rem;
    }
}

@media (min-width:32rem) {
    ul.filters {
        margin-top: 2.5rem !important;
        margin-bottom: 1.5rem !important;
        gap: .5rem;
        max-width: 25.125rem;
        margin-inline: auto !important;
    }

    #order .chart-column, div#top-page-content .chart-column {
        grid-template-rows: repeat(2, auto) 3.313rem repeat(9, auto);
    }

    #order .compchart-section.compchart-features, #top-page-content .compchart-section.compchart-features {
        grid-template-rows: 1.625rem 2.375rem 1.438rem 2.375rem 1.438rem 3.313rem 1.438rem 8rem 2.375rem 3.313rem repeat(5, 1.438rem) 3.313rem 5.188rem 2.375rem;
    }

    #order .chart-column, #order .compchart-container {
        max-height: unset;
        height: auto;
    }

}

@media (min-width:40rem) {
    #freestep-subnav .cta-finance.flex .financing-subtext {
        width: 16.25rem;
    }

    .post-content .atf-text h1 {
        font-size: 2rem !important;
    }

    .atf-text h2.main-header {
        padding-inline: 0rem;
    }

    .offer-sum-headline {
        margin-inline: 5rem;
        margin-block: 4rem .75rem;
        display: inherit;
    }

    .offer-sum-headline h2.sub-heading-3.text-white {
        max-width: unset;
        line-height: inherit !important;
    }

    .offer-sum-sub-headline {
        padding-inline: 5rem;
        margin-bottom: 4rem;
    }

    .offer-sum-headline h2 img {
        max-width: 6rem;
        margin-top: -.2rem;
    }

    div#offer .offer-sum-text {
        margin-inline: auto;
        text-align: center;
        padding-inline: 2rem;
        max-width: 26rem;
    }

    .offer-sum-sub-headline {
        padding-inline: 5rem;
        margin-bottom: 4rem;
    }

    div#intro-to-freestep .ttr-container {
        padding: 6rem 5rem 6.5rem;
    }

    div#intro-to-freestep h2.sub-heading-1 {
        margin-block: 0 0.5rem;
        padding-right: 4rem;
        font-size: var(--fs-4xl) !important;
    }

    div#intro-to-freestep p {
        padding-right: 6rem;
    }

    div#intro-to-freestep h3.sub-heading-4 {
        padding-right: 6rem !important;
    }

    .results-videotext-container {
        aspect-ratio: 418 / 400;
    }

    div#results h2.sub-heading-2 {
        max-width: 20rem;
    }

    div#results-text .sub-heading-4.text-yellow {
        max-width: 24rem;
    }

    div#results-text {
        padding: 4rem 5rem 4.5rem;
    }

    div#results-text .sub-heading-5 {
        margin-block: 0 2.5rem;
    }



    .post-content div#freestep-page-content p.stat-number {
        margin-bottom: .5rem;
        font-size: 3rem !important;
    }

    .post-content div#freestep-page-content .bar-title .subtitle-3 {
        font-size: var(--fs-sm) !important;
    }

    #study-results .bar-title {
        width: 13rem;
    }

    #study-results .bar-track {
        left: 13rem;
    }

    .post-content div#freestep-page-content div#results-text .caption-2 {
        margin-block: 1.5rem 0;
    }

    #stories {
        padding-bottom: 5.5rem;
    }

    #stories h2.sub-heading-2 {
        text-align: center;
        padding-inline: 5rem;
        margin-block: 6rem 0.5rem;
    }

    ul.filters {
        margin-top: 2.5rem;
        margin-bottom: 1.5rem;
        gap: .5rem;
        justify-content: flex-start;
        max-width: 32.125rem;
    }

    ul.filters li {
        width: auto;
    }

    ul.filters li button {
        padding: 0.875rem 0.55rem;
        width: 10rem;
    }

    .features-container {
        padding: 3rem 0 7rem;
        gap: 5rem;
    }

    .feature-text-video-container {
        gap: 2rem;
    }

    .feature-text {
        padding-inline: 5rem;
    }

    .post-content #features .feature-text h2 {
        font-size: 2.5rem !important;
        font-weight: 900 !important;
    }

    .features-container .video-play-pause {
        aspect-ratio: 139 / 100;
    }

    div#buynow {
        margin-inline: 5rem;
    }

    .rounded-cta-image-container, .rounded-cta-image-container>picture, .rounded-cta-image-container>img, .rounded-cta-image-container img {
        aspect-ratio: 297 / 200;
    }

    .rounded-content-container {
        margin: 3rem 2.5rem 3.5rem;
        grid-row-gap: 2.5rem;
    }

    .cta-copy-container {
        padding-inline: 3rem;
    }

    .cta-copy-container .sub-heading-5, .cta-copy-container .financing-subtext {
        padding-inline: 2.5rem;
    }

    div#freestep-tech h2.sub-heading-2, .freestep-tech-icon-container {
        max-width: 30rem;
    }

    .sec-secondary-text {
        padding-inline: 5rem;
        padding-bottom: 5rem;
    }

    .post-content div#freestep-page-content .sec-secondary-text .subtitle-3 {
        max-width: unset;
    }

    .sec-number-container {
        gap: 1rem;
    }

    .ttrmove-section {
        padding: 1.375rem 5rem 6.5rem;
    }

    .ttrmove-section .ttrmove-logo {
        max-width: 60%;
    }

    .post-content .sub-heading-4.ttr-move-desc-header {
        max-width: 25rem;
    }

    .ttr-move-desc-text {
        width: 100%;
    }

    .ttr-move-desc-text p {
        max-width: 29.5rem;
        padding: 0;
        margin-bottom: 1rem;
    }

    .ttrmove-phone-container .ttr-video-pause {
        left: -2rem;
    }

    div#console {
        padding: 6rem 5rem;
    }

    .ttr-slider-feature-icon-text {
        display: inline-block;
        padding-left: 5rem;
    }

    .ttr-slider-feature-icon-text .icon-box {
        width: 4rem;
        position: absolute;
        left: 1.5rem;
    }

    .ttr-slider-feature-container p {
        padding-left: 5rem;
        margin-block: 0rem !important;
    }

    .support-img {
        aspect-ratio: 139 / 100;
        background-size: 148%;
        background-position: 2% 81%;
    }

    .support-text-block {
        padding: 4rem 5rem 4.5rem;
    }

    div#suport-text-1 {
        max-width: 17rem;
    }

    div#suport-text-2 {
        max-width: 20.5rem;
    }

    div#suport-text-3 {
        max-width: 24rem;
    }

    div#feel-good-exercise-club {
        padding-bottom: 6.5rem;
    }

    div#feel-good-exercise-club h2 {
        margin-top: 5.5rem;
    }

    .post-content div#freestep-page-content div#feel-good-exercise-club p {
        margin-bottom: 2rem;
    }

    .post-content div#freestep-page-content .ttr-quality p {
        padding-inline: 0.75rem;
    }

    #order .chart-column, .compchart-container, div#top-page-content .chart-column {
        max-height: unset !important;
        height: auto !important;
    }

    div#order {
        padding-inline: 2rem;
        margin-block: 4rem 6rem;
    }

    #order .chart-column, div#top-page-content .chart-column {
        grid-template-rows: repeat(2, auto) 3.313rem repeat(9, auto);
    }

    #order .compchart-section.compchart-features, #top-page-content .compchart-section.compchart-features {
        grid-template-rows: 1.625rem 3.313rem 1.438rem 3.313rem 1.438rem 4.25rem 2.375rem 11.75rem 3.313rem 3.313rem repeat(4, 1.438rem) 2.375rem 4.25rem 6.125rem 2.375rem;
    }

    #order .compchart-section.compchart-user-specs {
        grid-template-rows: repeat(2, auto);
    }

    div#order h3.sub-heading-4 {
        margin-block: 0 2.5rem !important;
    }

    div#still-deciding .main-cta {
        max-width: 20.5rem;
    }

    div#order div#still-deciding h3 {
        margin-top: 4.5rem !important;
        margin-bottom: 2rem !important;
    }
}

@media (min-width: 45rem) {
    ul.filters {
        margin-inline: auto
    }
}

@media (min-width:48rem) {
    #order .chart-column, div#top-page-content .chart-column {
        grid-template-rows: repeat(2, auto) 2.375rem repeat(9, auto);
    }

    #order .compchart-section.compchart-features, #top-page-content .compchart-section.compchart-features {
        grid-template-rows: 1.625rem 2.375rem 1.438rem 2.375rem 1.438rem 3.313rem 2.375rem 8.938rem 2.375rem 3.313rem repeat(5, 1.438rem) 3.313rem 5.188rem 2.375rem;
    }
}

/* 
@media (min-width: 49rem) {
    .cta-heading-container h2 span {
        white-space: normal !important;
    }
} */
@media (min-width:52rem) {
    #order .compchart-section.compchart-features, #top-page-content .compchart-section.compchart-features {
        grid-template-rows: 1.625rem 2.375rem 1.438rem 2.375rem 1.438rem 3.313rem 1.438rem 8rem repeat(2, 2.375rem) repeat(5, 1.438rem) 3.313rem 5.188rem 2.375rem;
    }
}

@media (min-width:52rem) {
    #order .compchart-section.compchart-features, #top-page-content .compchart-section.compchart-features {
        grid-template-rows: 1.625rem 2.375rem 1.438rem 2.375rem 1.438rem 3.313rem 1.438rem 7.063rem repeat(2, 2.375rem) repeat(5, 1.438rem) 2.375rem 4.25rem 2.375rem;
    }
}

@media (min-width:64rem) {
    .post-content .atf-text h1 {
        font-size: 2.5rem !important;
    }

    .atf-text h2.main-header {
        max-width: unset;
    }

    .offer-sum-headline h2 img {
        max-width: 8rem;
        margin-top: -.4rem;
    }

    .offer-sum-headline {
        margin-inline: auto;
    }

    div#intro-to-freestep .ttr-container {
        padding: 6rem 0rem 7rem 6rem;
        position: relative;
    }

    div#intro-to-freestep h2.sub-heading-1 {
        margin-block: 0rem;
        padding-right: 0;
        width: 50%;
    }

    div#intro-to-freestep h2.sub-heading-1 span {
        white-space: normal !important;
    }

    div#intro-to-freestep .ttr-container p {
        margin-bottom: 0;
        padding-right: 0;
        width: 50%;
    }

    div#intro-to-freestep picture, .intro-to-freestep-image {
        position: absolute;
        right: 0;
        width: 26rem;
        margin-top: -5%;
    }

    div#intro-to-freestep h3.sub-heading-4 {
        margin-top: 2rem !important;
        padding-right: 30rem !important;
    }

    .results-videotext-container {
        height: 40rem;
        aspect-ratio: unset;
    }

    .study-text-block .sec-number-container {
        width: 100%;
        justify-content: center;
    }

    .study-img {
        aspect-ratio: 8 / 5;
    }

    .study-text-block {
        background: rgb(var(--clr-primary-400) / 75%);
        padding: 3rem 2.5rem;
        position: absolute;
        top: 4rem;
        right: 6rem;
        border-radius: 1.25rem;
        width: 36rem;
        gap: 2.5rem;
    }

    .post-content .sec-number-container .sub-heading-4 {
        font-size: 1.5rem !important;
    }

    .post-content div#freestep-page-content .sec-number-container .caption-2 {
        margin-bottom: 0;
    }

    div#results-text {
        padding: 4rem 6rem 5rem;
    }

    div#results h2.sub-heading-2 {
        max-width: 24rem;
    }

    div#results-text .sub-heading-5 {
        margin-block: 0 3rem;
    }

    .post-content div#freestep-page-content p.stat-number {
        font-size: 3.5rem !important;
    }

    div#study-results {
        max-width: 42.5rem;
    }

    .circle-bg {
        fill: none;
        stroke: transparent;
        stroke-width: 2;
    }

    #stories {
        padding-bottom: 0rem;
    }

    #stories .slick-slide {
        padding-bottom: 12rem;
    }

    #stories .slick-prev:before, #stories .slick-next:before, #feel-good-exercise-club .slick-next:before, #feel-good-exercise-club .slick-prev:before {
        font-family: var(--ff-icon) !important;
        font-weight: 900;
        font-size: 1.5rem;
    }

    #stories .slick-next, #stories .slick-prev, #feel-good-exercise-club .slick-next, #feel-good-exercise-club .slick-prev {
        padding: 0.5rem 0.688rem;
        width: fit-content;
        height: auto;
    }

    #stories .slick-prev:before, #feel-good-exercise-club .slick-prev:before {
        content: '\f053';
    }

    #stories .slick-next:before, #feel-good-exercise-club .slick-next:before {
        content: '\f054';
    }

    #stories .slick-prev {
        left: 45%;
        bottom: 5.75rem;
        top: auto;
        z-index: 10;
    }

    #stories .slick-next {
        right: 45%;
        bottom: 5.75rem;
        top: auto;
        z-index: 10;
    }


    .features-container {
        padding: 8rem 0 13rem;
        gap: 10rem;
    }

    .feature-text-video-container.text-right {
        flex-direction: row-reverse;
    }

    .feature-text-video-container.text-left {
        flex-direction: row;
    }

    .feature-text-video-container {
        gap: 1.5rem;
        padding: 5rem 0 0;
    }

    .feature-text {
        width: 50%;
    }

    .features-container .video-play-pause {
        width: 50%;
        aspect-ratio: 59 / 50;
    }

    .feature-text-video-container.text-right .feature-text {
        padding-inline: 2.5rem 6rem;
    }

    .feature-text-video-container.text-left .feature-text {
        padding-inline: 6rem 2.5rem;
    }

    .feature-text-video-container.align-center {
        align-items: center;
    }

    .feature-text-video-container.align-bottom {
        align-items: flex-end;
    }

    .feature-text-video-container {
        gap: 1.5rem;
        padding: 5rem 0 0;
        align-items: flex-start;
    }

    div#buynow {
        margin-inline: 4%;
    }

    .rounded-content-container {
        grid-template-columns: 51% auto;
        grid-template-rows: auto auto;
        grid-template-areas: "rounded-cta-image-container cta-heading-container"
            "rounded-cta-image-container cta-copy-container";
        grid-column-gap: 2.5rem;
        margin: 2.5rem 3rem 2.5rem 2.5rem;
        align-content: center;
        align-items: center;
    }

    .cta-heading-container h2 {
        padding-inline: 0rem;
    }

    .cta-heading-container h2 span {
        white-space: normal !important;
    }

    .rounded-cta-image-container, .rounded-cta-image-container>picture, .rounded-cta-image-container>img, .rounded-cta-image-container img {
        aspect-ratio: 310 / 329;
    }

    .cta-heading-container {
        align-self: end;
    }

    .cta-copy-container {
        align-self: start;
        padding-inline: 0rem;
    }

    #buynow .cta-copy-container p.financing-subtext {
        max-width: 25rem;
    }

    .sec-secondary-text {
        padding-inline: 1rem !important;
        max-width: 54rem;
        margin-inline: auto;
        padding-bottom: 3rem;
    }


    .sec-number-container {
        width: 33%;
        justify-content: flex-start;
    }

    .sec-number-container p {
        padding-inline: 0rem;
    }

    div#freestep-tech .ttr-container {
        padding: 6rem 3rem 0rem;
        gap: 3rem;
    }

    div#freestep-tech h2.sub-heading-2, .freestep-tech-icon-container {
        max-width: unset;
    }

    .freestep-tech-icon-container {
        flex-direction: row;
        align-items: flex-start;
    }

    .freestep-tech-icon {
        width: 33%;
        padding: .75% 0rem;
    }

    .ttrmove-section {
        row-gap: 0;
        column-gap: 2rem;
        display: grid !important;
        grid-template-areas: "ttrmove-phone-container ttrmove-logo"
            "ttrmove-phone-container ttr-move-desc-text";
        grid-template-columns: 22.5rem 1fr;
        grid-template-rows: auto auto;
        padding: 11rem 6rem 5rem;
    }

    .ttrmove-section {
        padding: 11rem 6rem 5rem;
        padding-inline: 5rem;
        max-width: 64rem;
        margin-inline: auto;
        display: flex !important;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
    }

    .ttrmove-section .ttrmove-logo {
        grid-area: ttrmove-logo;
        z-index: 1;
        margin-inline: auto;
        max-width: 22.125rem;
        margin-block: 5.5rem 2rem;
        align-self: end;
    }

    .ttrmove-phone-container {
        grid-area: ttrmove-phone-container;
        margin-bottom: 0rem;
        margin-left: 0rem;
    }

    .ttrmove-phone-container .ttr-video-pause {
        left: -2.5rem;
    }

    .ttr-move-desc-text {
        grid-area: ttr-move-desc-text;
        align-self: start;
    }

    .post-content .sub-heading-4.ttr-move-desc-header {
        max-width: 35.5rem;
        margin-bottom: 1rem !important;
    }

    .ttr-move-desc-text p {
        max-width: 35.5rem;
        margin-bottom: 2rem;
    }

    .ttr-move-desc-text .main-cta {
        max-width: 19.438rem;
    }

    div#console {
        padding: 6rem;
    }

    .ttr-console-feature-heading {
        margin-bottom: 3rem;
    }

    .console-slider-container {
        display: flex;
        flex-direction: row-reverse;
        flex-wrap: nowrap;
        width: 100%;
        gap: 3rem;
        align-items: flex-start;
    }

    .console-slider-container .slider {
        width: 50%;
    }

    div#console .slider-for {
        margin-block: 0rem !important;
    }

    .slider.slider-nav.slick-vertical.slick-initialized.slick-slider .slick-track {
        transform: translate3d(0px, 0px, 0px) !important;
    }

    .slider.slider-nav.slick-vertical.slick-initialized.slick-slider .slick-list {
        min-height: 100% !important;
        height: auto !important;
    }

    .ttr-slider-feature-icon-text .icon-box {
        width: 3rem;
        position: absolute;
        left: 1.5rem;
    }

    .ttr-slider-feature-icon-text {
        display: inline-block;
        padding-left: 4rem;
    }

    .post-content div#freestep-page-content .slick-vertical .slick-track .slick-slide p {
        font-size: 1.125rem !important;
        padding-left: 4rem;
        margin-block: 0rem !important;
    }

    .support-img {
        aspect-ratio: 9 / 5;
        background-position: 65% 50%;
        height: 50rem;
        background-repeat: no-repeat;
    }

    .support-text-block {
        background: rgb(var(--clr-primary-400) / 75%);
        padding: 3rem 2.5rem;
        position: absolute;
        top: 6rem;
        right: 6rem;
        border-radius: 1.25rem;
        width: 33rem;
        gap: 2.5rem;
    }

    div#suport-text-2 {
        max-width: 22.5rem;
    }

    div#suport-text-3 {
        max-width: 26rem;
    }

    div#suport-text-1 {
        max-width: 19rem;
    }

    div#feel-good-exercise-club h2 {
        margin-top: 6rem;
    }

    div#feel-good-exercise-club .slick-next {
        right: 45%;
        bottom: 5.75rem;
        top: auto;
        z-index: 10;
    }

    div#feel-good-exercise-club .slick-prev.slick-arrow {
        left: 45%;
        bottom: 5.75rem;
        top: auto;
        z-index: 10;
    }

    div#feel-good-exercise-club .slick-slide {
        padding-bottom: 12rem !important;
    }

    div#feel-good-exercise-club {
        padding-bottom: 0rem;
    }

    .post-content div#freestep-page-content .ttr-quality p {
        padding-inline: 0.875rem;
    }

    .post-content div#freestep-page-content .ttr-quality p {
        padding-inline: 0.875rem;
    }

    div#freestep-page-content .ttr-grid-container {
        column-gap: 1rem;
        row-gap: 2rem;
    }

    div#order {
        padding-inline: 0rem;
        margin-block: 4.5rem 7rem;
    }

    #order .chart-column, div#top-page-content .chart-column {
        grid-template-rows: repeat(12, auto);
    }

    #order .compchart-section.compchart-features, #top-page-content .compchart-section.compchart-features {
        grid-template-rows: 1.625rem 2.375rem 1.438rem 3.313rem 1.438rem 3.313rem 2.375rem 9.875rem 2.375rem 3.313rem repeat(4, 1.438rem) 2.375rem 3.313rem 5.188rem 2.375rem;
    }

    div#order h3.sub-heading-4 {
        margin-block: 0 3rem !important;
    }

    div#order div#still-deciding h3 {
        margin-top: 7.125rem !important;
    }

    .post-content div#freestep-page-content .chart-column p, .post-content #top-page-content .chart-column p {
        padding-inline: 2.5rem;
    }

    .chart-column a.popup-youtube {
        margin-inline: 2.5rem;
    }

    #order a.compchart-cta.main-cta {
        margin-block: .5rem;
    }

    .video-preview-overlay i {
        font-size: 3rem;
    }
}

@media (min-width:69rem) {
    #order .compchart-section.compchart-features, #top-page-content .compchart-section.compchart-features {
        grid-template-rows: 1.625rem 2.375rem 1.438rem 2.375rem 1.438rem 3.313rem 1.438rem 8rem repeat(2, 2.375rem) repeat(5, 1.438rem) 3.313rem 5.188rem 2.375rem;
    }
}

@media (min-width: 75rem) {
    div#intro-to-freestep .ttr-container {
        padding: 10rem 0rem 11rem 6rem;
        gap: 2rem;
    }

    div#intro-to-freestep h2.sub-heading-1 {
        width: 44%;
    }

    div#intro-to-freestep .ttr-container p {
        width: 43%;
    }

    div#intro-to-freestep h3.sub-heading-4 {
        margin-top: 2rem !important;
        padding-right: 0 !important;
        width: 43%;
    }

    div#intro-to-freestep picture, .intro-to-freestep-image {
        position: absolute;
        right: 0;
        width: 67%;
        margin-top: 0%;
        top: 50%;
        transform: translate(0, -50%);
    }

    .study-img {
        aspect-ratio: 7 / 5;
        background-position: 25% 50%;
    }

    .stat-graphic {
        width: 19rem;
    }

    svg#svg1 {
        height: 19rem;
    }

    .post-content div#freestep-page-content div#user-survey-number p, .post-content div#freestep-page-content div#user-survey-number p span {
        font-size: 5.5rem !important;
    }

    div#buynow {
        margin-inline: 6rem;
    }

    .cta-container {
        padding: 0 6rem 5rem 0;

    }

    .ttrmove-section {
        grid-template-columns: 29.5rem 1fr;
        display: grid !important;
        grid-template-areas: "ttrmove-phone-container ttrmove-logo"
            "ttrmove-phone-container ttr-move-desc-text";
        grid-template-columns: 46% 1fr;
        gap: 2rem;
        grid-template-rows: auto auto;
        padding: 11rem 6rem 0rem;
        padding-inline: 6rem;
        max-width: 90rem;
    }

    .ttrmove-section .ttrmove-logo {
        margin-bottom: 0;
    }

    .ttr-move-desc-text {
        margin-bottom: 4rem;
    }

    .support-img {
        background-position: 100% 78%;
        background-size: 109%;
    }

    #order .compchart-section.compchart-features, #top-page-content .compchart-section.compchart-features {
        grid-template-rows: 1.625rem 2.375rem 1.438rem 2.375rem 1.438rem 3.313rem 1.438rem 7.063rem repeat(2, 2.375rem) repeat(5, 1.438rem) 2.375rem 4.25rem 2.375rem;
    }
}

/* @media (min-width:80rem) {
    #order .chart-column, div#top-page-content .chart-column {
        grid-template-rows: repeat(2, auto) 2.5rem repeat(5, auto) 39.75rem repeat(3, auto);
    }

    #order .compchart-section.compchart-features, #top-page-content .compchart-section.compchart-features { 
        grid-template-rows: 1.625rem 2.5rem repeat(4, 1.5rem) 2.375rem repeat(2, 3.5rem) repeat(4, 1.5rem) repeat(2, 2.375rem) 1.5rem;
    }
} */
@media (min-width: 81.25rem) {
    #order .compchart-section.compchart-features, #top-page-content .compchart-section.compchart-features {
        grid-template-rows: 1.625rem 2.375rem 1.438rem 2.375rem 1.438rem 2.375rem 1.438rem 6.125rem repeat(2, 2.375rem) repeat(5, 1.438rem) 2.375rem 3.313rem 2.375rem;
    }
}

@media (min-width: 85.375rem) {
    .study-img {
        aspect-ratio: 9 / 5;
        background-position: 65% 50%;
    }

    /* #order .compchart-section.compchart-features, #top-page-content .compchart-section.compchart-features { 
        grid-template-rows: 1.625rem 2.5rem repeat(4, 1.5rem) 2.375rem 3.5rem 2.375rem repeat(5, 1.5rem) 2.375rem 1.5rem;
    }

    #order .chart-column, div#top-page-content .chart-column {
        grid-template-rows: repeat(2, auto) 2.5rem repeat(5, auto) 47.25rem repeat(3, auto);
    }

    #order .compchart-section.compchart-accessories, #order .compchart-section.compchart-tech,
    #order .compchart-section.compchart-features, #order .compchart-section.compchart-certs {
        gap: 1rem
    } */
}

@media (min-width:82rem) {
    .rounded-content-container {
        grid-template-columns: 53% auto;
    }

    .cta-copy-container {
        padding-inline: 1rem;
    }

    .rounded-cta-image-container, .rounded-cta-image-container>picture, .rounded-cta-image-container>img, .rounded-cta-image-container img {
        aspect-ratio: 310 / 247;
    }

    .cta-heading-container h2 span {
        white-space: nowrap !important;
    }

    .ttr-slider-feature-icon-text .icon-box {
        width: 4rem;
    }

    .ttr-slider-feature-icon-text {
        padding-left: 5rem;
    }

    .post-content div#freestep-page-content .slick-vertical .slick-track .slick-slide p {
        padding-left: 5rem;
        font-size: var(--fs-md) !important;
    }

    .console-slider-container {
        gap: 6rem;
    }
}

@media (min-width:90rem) {
    .atf-video {
        min-height: 100%;
        width: 100%;
        overflow: hidden;
        object-fit: cover;
    }

    div#intro-to-freestep .ttr-container {
        max-width: 90rem;
        margin: auto;
    }

    div#intro-to-freestep picture, .intro-to-freestep-image {
        position: absolute;
        right: 0;
        width: 39rem;
    }

    div#intro-to-freestep .ttr-container p {
        margin-bottom: 0;
        padding-right: 0;
        width: 46%;
    }

    .fda-video-container video {
        min-height: 100%;
        width: 100%;
        overflow: hidden;
        object-fit: cover;
    }

    .results-videotext-container {
        height: 42.5rem;
    }


    .freestep-tech-icon-container {
        max-width: 90rem;
        margin-inline: auto;
    }

    .freestep-tech-icon {
        width: 33%;
        padding: 0.75% 2rem;
    }

    /* #order .chart-column, div#top-page-content .chart-column {
                            grid-template-rows: 1.19fr .33fr .33fr .16fr .33fr .18fr 4rem auto 4.86fr 1fr 1.73fr 4rem;
                            max-height: 131rem !important;
                            height: auto !important;
                            } */
}

@media (min-width:100rem) {
    div#intro-to-freestep .ttr-container {
        padding: 12.5rem 0rem 13rem 0rem;
    }

    .study-text-block {
        right: 15rem;
        width: 38rem;
        top: 12rem;
    }

    .results-videotext-container {
        height: unset;
        aspect-ratio: 1098 / 384;
    }

    #stories {
        padding-bottom: 6rem;
    }

    div#stories .slider.single-item {
        max-width: 93rem;
        margin-inline: auto;
    }

    #stories .slick-slide {
        padding-bottom: 1rem;
    }

    .etu-video-container {
        height: 56.25rem;
    }

    .etu-text {
        top: 20.75rem;
        left: 15rem;
        width: 47.25rem;
    }

    .feature-text-video-container {
        max-width: 90rem;
        margin: auto;
    }

    .feature-text-video-container.text-right .feature-text {
        padding-inline: 2.5rem 0rem;
    }

    .feature-text-video-container.text-left .feature-text {
        padding-inline: 0rem 2.5rem;
    }

    div#buynow {
        max-width: 90rem;
        margin-inline: auto;
        width: 100%;
    }

    .rounded-content-container {
        grid-template-columns: 58% auto;
        grid-row-gap: 2rem;
        margin: 3.5rem 6rem 3.5rem 3.5rem;
    }

    .rounded-cta-image-container, .rounded-cta-image-container>picture, .rounded-cta-image-container>img, .rounded-cta-image-container img {
        aspect-ratio: 187 / 128;
    }

    .cta-copy-container {
        gap: 1.5rem;
    }

    .security-numbers-container {
        gap: 5rem;
        max-width: 62.5rem;
    }

    .ttrmove-section {
        margin: auto;
        padding: 11.5rem 0 4rem;
        grid-template-columns: 49% 1fr;
    }

    .ttrmove-phone-container {
        margin-inline: auto;
    }

    div#console {
        padding: 6rem 0;
    }

    .console-slider-container {
        max-width: 90rem;
        margin-inline: auto;
    }

    .support-img {
        aspect-ratio: 8 / 5;
        height: unset;
        max-height: 56rem;
        background-size: 100%;
        background-position: 100% 53%;
    }

    .support-text-block {
        right: 15rem;
        width: 38rem;
    }

    /* .post-content div#freestep-page-content .chart-column p, .post-content #top-page-content .chart-column p {
        font-size: var(--fs-2xs) !important;
    }

    .post-content .chart-column p {
        font-size: var(--fs-2xs) !important;
    } */

    .post-content div#freestep-page-content p.product-price, .post-content #top-page-content p.product-price {
        font-size: var(--fs-price-1) !important;
    }
}

/* Shop Page */
div#shoppage-content .page-full-container {
    margin-top: 4rem;
}

.top-header {
    margin-bottom: 2rem;
}

div#shoppage-content h1 {
    font-size: var(--fs-xl) !important;
    color: rgb(var(--clr-primary-400));
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
    text-align: center;
}

div#shoppage-content .top-header p {
    font-size: var(--fs-md) !important;
    text-align: center;
    line-height: 1.5;
    margin-block: .5rem;
    font-family: var(--ff-body);
    margin-inline: 2rem;
}

ul.nav.nav-tabs.freestep-model-tabs {
    margin-top: 2rem;
    border: none;
    gap: .25rem;
    max-width: 42.125rem;
    margin-inline: 2rem;
    flex-wrap: nowrap;
    justify-content: space-between;
}

ul.nav.nav-tabs.freestep-model-tabs li {
    width: 100%;
}

ul.nav.nav-tabs.freestep-model-tabs li a {
    background: rgb(var(--clr-neutral-200));
    padding: 1rem 0.25rem;
    border-radius: 0.5rem;
    font-family: var(--ff-logo);
    font-size: 1rem;
    display: block;
    color: rgb(var(--clr-neutral-900));
    line-height: 1.25;
    text-align: center;
    text-decoration: none !important;
    font-style: italic;
}

ul.nav.nav-tabs.freestep-model-tabs li a.active {
    color: rgb(var(--clr-neutral-0));
    background: rgb(var(--clr-secondary-a-400));
}

ul.nav.nav-tabs.freestep-model-tabs li a:hover {
    background: rgb(var(--clr-neutral-300));
}

ul.nav.nav-tabs.freestep-model-tabs li a.active:hover {
    background: rgb(var(--clr-secondary-a-500));
}

a#freestep-compare-link {
    color: rgb(var(--clr-neutral-900));
    font-size: 1rem;
    line-height: 1;
    text-decoration: underline;
    font-family: var(--ff-primary);
    font-weight: 600;
    display: block;
    margin-inline: auto;
    width: fit-content;
    margin-block: 1.375rem;
}

ul.nav.nav-tabs.freestep-model-tabs li a span {
    display: block;
}

a#freestep-compare-link:hover, a#freestep-compare-link:focus {
    color: rgb(var(--clr-neutral-500));
}

a#freestep-compare-link:active {
    color: rgb(var(--clr-neutral-600));
}

.product-shopcard-compare-grid {
    margin: 2.875rem 2rem 4rem;
    display: flex;
    flex-direction: column;
    align-content: center;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 1.5rem;
}

.compare-grid-item {
    box-shadow: 0px 2px 6px rgba(10, 10, 13, 0.2);
    border-radius: .5rem;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    gap: .25rem;
    padding-bottom: 2rem;
}

.compare-grid-item picture, .compare-grid-item img {
    border-radius: .5rem;
}

ul.nav.nav-tabs.freestep-model-tabs li a span {
    display: inline;
    margin-left: .2rem;
}

.post-content p.featured-product {
    margin: 0;
    background: rgb(var(--clr-primary-400));
    font-family: var(--ff-primary);
    font-weight: 500;
    font-size: var(--fs-3xs) !important;
    line-height: 1.25;
    text-align: center;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgb(var(--clr-neutral-0));
    padding-block: .5rem;
    width: 100%;
}

.product-shopcard-title {
    margin-top: 0.75rem;
    text-align: center;
}

.post-content .product-shopcard-title h3 {
    font-size: 0.875rem !important;
    font-family: var(--ff-primary);
    font-weight: 700;
    line-height: 1.5;
    color: rgb(var(--clr-neutral-900));
    letter-spacing: 0 !important;
    margin-bottom: 0;
}

.product-shopcard-price p {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    margin: .25rem auto 0;
}

.product-shopcard-price del {
    font-size: var(--fs-price-3);
    font-family: var(--ff-body);
    font-weight: 400;
    margin-left: .5rem;
}

.product-shopcard-price p {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    margin: .25rem auto 0;
    font-size: var(--fs-price-1);
    font-family: var(--ff-body);
    color: rgb(var(--clr-primary-900));
    font-weight: 600;
    line-height: 1.5;
}

.product-shopcard-price span.woocommerce-Price-currencySymbol {
    font-size: inherit !important;
    vertical-align: inherit;
}

.product-shopcard-price span.price_decimal_separator, .product-shopcard-price span.price_decimal_numbers {
    display: none;
}

.product-shopcard-price ins {
    text-decoration: none;
}

.product-shopcard-ship-save {
    margin-bottom: .25rem;
}

.post-content .product-shopcard-ship-save p {
    margin-bottom: .25rem;
    text-align: center;
    text-transform: uppercase;
    font-size: .75rem !important;
    font-family: var(--ff-primary);
    font-weight: 500;
    letter-spacing: 0.08em;
    color: rgb(var(--clr-neutral-900));
    line-height: 1.25;
}

.post-content p.product-shopcard-bundlesave {
    font-weight: 600;
    color: rgb(var(--clr-accent-a-500));
}

.product-shopcard-payments p {
    display: none;
}

.post-content div#shoppage-content p.financing-subtext {
    display: block;
    text-align: center;
    font-family: var(--ff-primary);
    font-size: var(--fs-3xs) !important;
    padding-inline: 1.5rem;
    line-height: 1.25;
    margin-bottom: 0;
}

.post-content div#shoppage-content p.financing-subtext a.affirm-product-modal {
    color: rgb(var(--clr-secondary-a-400));
    font-weight: 600;
    text-decoration: underline;
}

.post-content div#shoppage-content p.financing-subtext a.affirm-product-modal:hover, p.financing-subtext a.affirm-product-modal:focus {
    color: rgb(var(--clr-secondary-a-600));
}

.post-content div#shoppage-content p.financing-subtext a.affirm-product-modal:active {
    color: rgb(var(--clr-secondary-a-500));
}

.product-shopcard-cta {
    width: 100%;
    padding: 1rem 1.5rem;
}

.product-shopcard-cta a {
    background: rgb(var(--clr-secondary-a-400));
    display: block;
    width: 100%;
    padding: 1rem 1.5rem;
    border-radius: 3.125rem;
    text-align: center;
    color: rgb(var(--clr-neutral-0)) !important;
    text-decoration: none !important;
    font-size: 1rem;
    line-height: 1;
    font-weight: 500;
    font-family: var(--ff-primary);
}

.product-shopcard-cta a:hover, .product-shopcard-cta a:focus {
    background: rgb(var(--clr-secondary-a-600));
}

.product-shopcard-cta a:active {
    background: rgb(var(--clr-secondary-a-500));
}

.product-shopcard-includes {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-direction: column;
    gap: .5rem;
}

.post-content .product-shopcard-includes h4 {
    text-align: center;
    color: rgb(var(--clr-neutral-900));
    font-family: var(--ff-primary);
    font-size: .75rem !important;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 500;
    line-height: 1.25;
    margin: 0;
}

.post-content .product-shopcard-includes p {
    color: rgb(var(--clr-neutral-900));
    font-family: var(--ff-primary);
    font-size: var(--fs-3xs) !important;
    margin-bottom: 0;
}

.ttr-quality {
    background: rgb(var(--clr-primary-400));
    padding: 4rem 2rem;
}

.ttr-grid-container {
    display: grid;
    grid-template: auto auto auto auto / auto;
    justify-items: center;
    gap: 1rem;
}

.ttr-grid-item {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    padding: .5rem 2rem;
}

.ttr-quality .icon-box {
    max-width: 4rem;
    background: rgb(var(--clr-neutral-0));
    width: 100%;
    margin-bottom: 1rem;
}

.post-content .ttr-quality h4 {
    font-family: var(--ff-primary);
    font-weight: 700;
    font-size: var(--fs-lg) !important;
    line-height: 1.25;
    color: rgb(var(--clr-neutral-0));
    margin-bottom: .5rem;
    text-align: center;
}

.post-content .ttr-quality p {
    font-family: var(--ff-primary);
    font-weight: 400;
    font-size: var(--fs-2xs) !important;
    line-height: 1.25;
    color: rgb(var(--clr-neutral-0));
    text-align: center;
    padding-inline: 1.875rem;
    margin-bottom: .75rem;
}

.ttr-quality a {
    font-family: var(--ff-primary);
    font-weight: 600;
    font-size: var(--fs-3xs);
    line-height: 1.25;
    text-decoration-line: underline !important;
    color: rgb(var(--clr-neutral-0)) !important;
    margin-bottom: .25rem;
}

.ttr-quality a:hover, .ttr-quality a:focus {
    color: rgb(var(--clr-neutral-300)) !important;
}

.ttr-quality a:active {
    color: rgb(var(--clr-neutral-200)) !important;
}

@media (min-width:43.75rem) {
    div#shoppage-content .page-full-container {
        margin-top: 4.5rem;
    }

    ul.nav.nav-tabs.freestep-model-tabs {
        max-width: 42.125rem;
        margin-inline: auto;
    }

    .product-shopcard-compare-grid {
        display: grid;
        grid-template: auto / 1fr;
        justify-items: center;
        align-items: stretch;
    }

    .compare-grid-item {
        justify-content: flex-start;
    }

    .product-shopcard-ship-save {
        margin-bottom: .25rem;
        min-height: 2.375rem;
    }

    .compare-grid-item {
        display: grid;
        align-items: baseline;
        align-content: space-between;
        justify-items: center;
        grid-template: auto auto auto auto auto auto auto 1fr / auto;
    }

    .chart-spacer {
        min-height: 31px;
    }

    .ttr-grid-container {
        grid-template: auto auto / auto auto;
        column-gap: 1rem;
        row-gap: 1.5rem;
    }

    .ttr-quality {
        padding: 5rem;
    }
}

@media (min-width:64rem) {
    div#shoppage-content .page-full-container {
        margin-top: 5rem;
    }

    .product-shopcard-compare-grid {
        margin-bottom: 5rem;
    }

    .product-shopcard-compare-grid {
        grid-template: 1fr / 1fr 1fr 1fr;
        gap: 1rem;
        margin-inline: auto;
        max-width: 92rem;
        padding-inline: 2rem;
    }

    .ttr-grid-container {
        grid-template: auto / repeat(4, 1fr);
        gap: 1rem;
        max-width: 77.5rem;
        margin-inline: auto;
    }

    .ttr-quality {
        padding: 5rem 3rem;
    }

    .post-content .ttr-quality p {
        padding-inline: 0.875rem;
    }

    .ttr-grid-item {
        padding: 0.5rem 0rem;
    }
}

@media (min-width:80rem) {
    .product-shopcard-compare-grid {
        padding-inline: 6rem;
        max-width: 100rem;
    }
}

@media (min-width:100rem) {
    .ttr-grid-container {
        gap: 1.5rem;
    }

    .post-content .ttr-quality p {
        padding-inline: 2.75rem;
    }

    .post-content div#freestep-page-content .ttr-quality p {
        padding-inline: 2.875rem;
    }
}


/* Comparison Page */
#comppage-content {
    margin-top: 6.875rem;
    padding: 0 0rem !important;
    margin-inline: 0 !important;
}

div#top-page-content {
    padding-inline: 1rem;
    margin-bottom: 4rem;
}

.post-content div#comppage-content h1 {
    font-size: var(--fs-md) !important;
    color: rgb(var(--clr-neutral-700));
    font-family: var(--ff-body);
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: 0 !important;
    text-align: center;
    margin-top: 0;
    margin-bottom: .5rem;
}

.post-content div#comppage-content h2 {
    font-size: var(--fs-xl) !important;
    color: rgb(var(--clr-primary-400));
    font-family: var(--ff-primary);
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: 0 !important;
    text-align: center;
    margin-top: 0;
    margin-bottom: 2.5rem;
}

div#compchart-selectors {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: center;
    gap: .5rem;
    margin-bottom: .25rem;
}

div#compchart-selectors select {
    border: 1px solid rgb(var(--clr-neutral-300));
    border-radius: 8px;
    color: rgb(var(--clr-neutral-900));
    font-family: var(--ff-primary);
    font-weight: 500;
    font-size: 1rem !important;
    text-align: center;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    padding: 0px 1.5rem 0px 1rem;
}


/* .ttr-model-selector:after {
                              content: "\f078";
                              font-family: var(--ff-icon);
                              position: absolute;
                              top: 50%;
                              right: 10%;
                              transform: translate(-10%, -50%);
                            }  */
.ttr-model-selector i {
    position: absolute;
    top: 50%;
    right: 10%;
    transform: translate(-10%, -50%)
}



div#compchart-selectors select:focus, div#compchart-selectors select:focus-visible {
    border: 1px solid rgb(var(--clr-neutral-400)) !important;
    outline: 1px solid rgb(var(--clr-neutral-400));
}

.ttr-model-selector {
    width: 100% !important;
    position: relative;
}

div#compchart-selectors .ttr-model-selector .ttr-select-arrow {
    font-family: var(--ff-icon);
    position: absolute;
    top: 50%;
    right: 15%;
    pointer-events: none;
}

.hide {
    display: none;
}

.show {
    display: grid;
}

.compchart-container {
    width: 100%;
    display: grid;
    grid-template: auto / repeat(2, auto);
    gap: .5rem;
    min-height: 0;
    min-width: 0;
}

.compchart-container img {
    max-width: 25.313rem;
    width: 100%;
    border-radius: 8px;
}

#reset {
    display: none;
}

/* #order .chart-column, div#top-page-content .chart-column {
    box-shadow: 0px 2px 6px rgba(10, 10, 13, 0.2);
    border-radius: 8px;
    justify-items: center;
    align-items: start;
    gap: 0rem;
    grid-auto-rows: auto;
    padding-bottom: 2rem;
    grid-template-rows: repeat(2, auto) 4rem repeat(5, auto) 67.25rem 12.25rem 25.125rem auto;
    display: grid;
}

.chart-column.slot1.slot2 {
    max-height: 200rem;
}
*/
.chart-column>* {
    min-width: 0;
    min-height: 0;
}

.chart-column p, .chart-column a, .chart-column h3, .chart-column link {
    text-align: center;
    padding-inline: 3.063rem;
}

.post-content .chart-column h3 {
    font-family: var(--ff-logo);
    letter-spacing: 0 !important;
    font-size: 1.125rem !important;
    line-height: 1.25 !important;
    margin-block: 0;
    padding: 0;
    font-style: italic;
}

.post-content .chart-column p {
    font-size: var(--fs-3xs) !important;
    font-family: var(--ff-primary);
    margin-block: .25rem;
    line-height: 1.25 !important;
    padding-inline: 1rem;
}

.compchart-section.compchart-user p.spec-chart-item, .compchart-section.compchart-specs p.spec-chart-item, .compchart-section.compchart-materials p.spec-chart-item {
    line-height: 1.5 !important;
}

.post-content .chart-column p.spec-chart-item span {
    font-weight: 500;
}

.post-content .chart-column p.product-price {
    margin-block: 0;
    font-size: var(--fs-price-1) !important;
    font-family: var(--ff-body);
    font-weight: 600;
    line-height: 1.5 !important;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

p.product-price span.price_decimal_separator, p.product-price span.price_decimal_numbers {
    display: none;
}

.post-content .chart-column p.product-price ins {
    text-decoration: none;
}

.post-content .chart-column p.product-price del {
    font-size: var(--fs-price-3) !important;
    font-weight: 400;
}

.post-content .chart-column p.product-price span.woocommerce-Price-currencySymbol {
    font-size: inherit !important;
    vertical-align: inherit !important;
}

.post-content .chart-column p.product-price del {
    font-size: var(--fs-price-3) !important;
    font-weight: 400;
    margin-left: .5rem;
}

a.compchart-cta.main-cta {
    background: rgb(var(--clr-secondary-a-400));
    color: #fff;
    font-size: 1rem !important;
    font-family: var(--ff-primary);
    padding: 1rem;
    width: calc(100% - 2rem);
    border-radius: 3.125rem;
    margin-block: .5rem;
    max-height: 3.375rem;
}

a.calendly-cta.secondary-cta {
    padding-inline: 0rem;
    text-align: center;
    display: block;
    font-size: var(--fs-3xs) !important;
    font-weight: 600;
    color: rgb(var(--clr-neutral-900));
    text-decoration: underline;
    margin-top: .25rem;
    margin-bottom: .75rem;
}

.post-content .chart-column h4 {
    margin-top: 0.5rem;
    margin-bottom: 0rem;
    text-align: left;
    font-size: 0.75rem !important;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-family: var(--ff-primary);
    font-weight: 500;
    line-height: 1.25;
    color: rgb(var(--clr-neutral-900));
}

.post-content .chart-column p.spec-chart-item {
    text-align: left;
    padding: 0;
    margin: 0;
    margin-bottom: .5rem;
}

.compchart-section {
    width: calc(100% - 2rem);
    display: grid;
    grid-auto-rows: 1fr;
    grid-template-rows: 1fr;
    height: 100%;
    gap: 1rem;
    margin-block: 0.5rem;

}

#top-page-content .compchart-section {
    width: calc(100% - 2rem);
    display: grid;
    grid-auto-rows: 1fr;
    grid-template-rows: 1fr;
    height: 100%;
    gap: .5rem;
    margin-block: 0.5rem;
}

#top-page-content .compchart-section.compchart-materials {
    grid-template-rows: 1.625rem auto 5rem 4rem 3rem;
}

#top-page-content .compchart-section {
    width: calc(100% - 2rem);
    display: grid;
    grid-auto-rows: auto;
    grid-template-rows: auto;
    height: auto;
    gap: .5rem;
    margin-block: 0.5rem;
}

#top-page-content .hide.chart-column.slot1.slot2 .compchart-section, #top-page-content .hide.chart-column.slot1.slot2 {
    grid-template-rows: auto !important;
}

/* .compchart-section.compchart-features {
    grid-auto-rows: auto;
    gap: 0.5rem;
    grid-template-rows: 1.625rem 5.375rem repeat(2, 3.375rem) repeat(2, 2.375rem) 6.125rem 8rem 5.625rem repeat(3, 2.375rem) 1.5rem 4.25rem 5.25rem 2.375rem;
    margin-block: 0;
    padding-bottom: .5rem;
    align-items: start;
}

.compchart-section.compchart-accessories {
    grid-auto-rows: 1fr;
    grid-template-rows: 1fr repeat(2, .86fr) .52fr;
    gap: .5rem;
    margin: 0;
    padding-bottom: .5rem;
    align-items: center;
}

.compchart-section.compchart-user {
    grid-auto-rows: 1fr;
    gap: .5rem;
    padding-bottom: .5rem;
    margin-block: 0;
    grid-template-rows: .44fr repeat(2, 1.06fr);
    align-items: center;
}

.compchart-section.compchart-specs {
    grid-auto-rows: 1fr;
    gap: 0.5rem;
    padding-bottom: 0.5rem;
    margin-block: 0;
    grid-template-rows: .46fr .65fr 1.04fr repeat(2, 1.23fr) .85fr;
    align-items: center;
}

.compchart-section.compchart-materials {
    grid-auto-rows: 1fr;
    gap: 0.5rem;
    padding-bottom: 0.5rem;
    margin-block: 0;
    grid-template-rows: .37fr 1.14fr 1.4fr .62fr;
    align-items: center;
}

.compchart-section.compchart-certs {
    grid-auto-rows: 1fr;
    gap: 0.5rem;
    padding-bottom: 0.5rem;
    margin-block: 0;
    grid-template-rows: .73fr 1.07fr repeat(2, 0.64fr);
    align-items: center;
}

.compchart-section.compchart-tech {
    grid-auto-rows: 1fr;
    gap: 0.5rem;
    padding-bottom: 0.5rem;
    margin-block: 0;
    grid-template-rows: .90fr repeat(2, 0.77fr) 1.08fr .47fr .43fr repeat(2, .90fr) 1.24fr 0.47fr 1.31fr;
    align-items: center;
} */

.compchart-section.compchart-tech p.spec-chart-item {
    width: 100%;
    width: calc(100% - 1rem);
}

.compchart-section.compchart-tech p.spec-chart-item a, .compchart-section.compchart-tech a.chart-link {
    text-align: left !important;
    padding-inline: 0;
    color: rgb(var(--clr-neutral-700));
    font-weight: 600;
    line-height: 1.25;
    text-decoration: underline;
    margin-bottom: .25rem;
    display: block;
}

.compchart-section.compchart-tech .secondary-cta.chart-link {
    font-size: var(--fs-3xs) !important;
    font-family: var(--ff-primary);
}

.compchart-section.compchart-tech a.compchart-cta.main-cta {
    width: 100%;
}

.post-content .chart-column h5 {
    font-size: 0.875rem !important;
    font-family: var(--ff-primary);
    font-weight: 500;
    line-height: 1.5;
    color: rgb(var(--clr-neutral-900));
    letter-spacing: 0 !important;
    margin: 0;
}

.chart-column picture, .chart-column img {
    min-height: auto;
}

@media (min-width:32rem) {
    .chart-column, .compchart-container {
        max-height: 194rem;
        height: 100%;
    }
}

@media (min-width:40rem) {
    div#top-page-content {
        margin-bottom: 4.5rem;
    }

    .hide {
        display: grid !important;
    }

    .compchart-container {
        width: 100%;
        display: grid;
        grid-template: auto / repeat(3, auto);
        justify-content: space-between;
    }

    div#compchart-selectors {
        display: none !important;
    }

    .post-content .chart-column h4 {
        width: calc(100% - 1rem);
    }

    a.calendly-cta.secondary-cta {
        padding-inline: 1rem;
    }

    .chart-column, .compchart-container {
        max-height: 189rem;
        height: 100%;
    }

    /* .chart-column {
        grid-template-rows: 0.96fr 0.21fr 0.19fr 0.09fr 0.18fr .15fr 4rem .19fr 3.92fr 0.8fr 0.87fr 2.28fr 1.2fr .71fr 2.63fr;
    } */

    /* .chart-column, .compchart-container {
        max-height: 189rem;
        height: 100%;
    } */

    /* .compchart-section.compchart-features {
        grid-template-rows: .46fr 1.08fr repeat(2, 0.77fr) 0.46fr 0.77fr 1.08fr 1.69fr 1.38fr .46fr 0.77fr repeat(2, .46fr) .77fr 1.08fr .77fr;
    }

    .compchart-section.compchart-accessories {
        grid-template-rows: 1.1fr .57fr .95fr .57fr;
    }

    .compchart-section.compchart-specs {
        grid-template-rows: .34fr .81fr repeat(4, 1.05fr);
    }

    .compchart-section.compchart-materials {
        grid-template-rows: .37fr repeat(2, 1.22fr) .67fr;
    } */
}

@media (min-width:48rem) {
    /* .chart-column, .compchart-container {
        max-height: 185.5rem;
        height: 100%;
    } */
}

@media (min-width:64rem) {
    .compchart-container {
        margin-inline: auto;
        width: calc(100% - 12rem);
        gap: 1rem;
    }

    div#top-page-content {
        margin-bottom: 5rem;
    }

    /* .chart-column, .compchart-container {
        max-height: 192rem;
        height: 100%;
    } */

    .compchart-section {
        width: calc(100% - 5rem);
    }

    .post-content .chart-column p {
        padding-inline: 3.063rem;
    }

    a.compchart-cta.main-cta {
        width: calc(100% - 5rem);
        margin-block: auto;
    }

    .compchart-container {
        max-width: 69.5rem;
    }

    /* 
    .chart-column {
        grid-template-rows: 1.29fr 0.20fr 0.21fr 0.07fr 0.17fr 0.14fr 4.5rem .18fr 3.81fr .77fr .84fr 2.21fr 1.18fr .69fr 2.76fr;
    } */

    #comppage-content {
        padding: 0 0rem !important;
    }
}

@media (min-width:90rem) {
    /* .chart-column {
        grid-template-rows: 2.11fr 0.22fr 0.15fr 0.09fr 0.18fr 0.09fr 5rem .12fr 3.07fr .66fr .90fr 2.38fr 1.08fr .66fr 2.48fr;
    } */

    /* .chart-column, .compchart-container {
        max-height: 179.375rem;
        height: 100%;
    } */


}

@media (min-width:98rem) {
    /* .compchart-section.compchart-features {
        grid-template-rows: .46fr repeat(5, 0.77fr) repeat(3, 1.08fr) repeat(5, 0.77fr) 1.08fr .77fr;
    }

    .compchart-section.compchart-tech {
        grid-template-rows: .90fr repeat(4, 0.77fr) .43fr repeat(2, .90fr) 1.24fr 0.90fr 1.31fr;
    }

    .compchart-section.compchart-materials {
        grid-template-rows: .37fr repeat(3, .67fr);
    } */
}

/* Compchart fixes */
/* div#top-page-content .chart-column {
    grid-template-rows: repeat(2, auto) 3.5rem 1.25rem repeat(4, auto) 38rem auto 21rem 22rem auto 38rem;
    max-height: 174rem;
} */
#top-page-content .compchart-container {
    margin-bottom: 4rem;
}

.compchart-section.compchart-user {
    grid-template-rows: 1.625rem repeat(2, auto);
}

.compchart-section.compchart-specs {
    grid-template-rows: 2.625rem repeat(3, auto);
}

#top-page-content .compchart-section.compchart-specs {
    grid-template-rows: 2.625rem auto 12.5rem auto;
}

.compchart-section.compchart-materials {
    grid-template-rows: 1.625rem auto 5rem repeat(2, auto);
}

@media (min-width:23rem) {
    #top-page-content .compchart-section.compchart-specs {
        grid-template-rows: 1.625rem auto 10.5rem 6rem;
    }

    #top-page-content .compchart-section.compchart-materials {
        grid-template-rows: 1.625rem auto 4rem 3rem 3rem;
    }

    div#top-page-content .chart-column {
        grid-template-rows: repeat(2, auto) 3rem repeat(11, auto);
        max-height: 198rem;
    }
}

@media (min-width: 26rem) {
    div#top-page-content .chart-column {
        /* grid-template-rows: repeat(2, auto) 3.5rem 1.25rem repeat(4, auto) 36rem auto 19rem 22rem repeat(2, auto); */
        /* max-height: 173rem; */
    }

    .compchart-section.compchart-specs {
        grid-template-rows: 1.625rem repeat(3, auto);
    }

    #top-page-content .compchart-section.compchart-specs {
        grid-template-rows: 1.625rem auto 9.5rem auto;
    }

    #top-page-content .compchart-section.compchart-materials {
        grid-template-rows: 1.625rem auto repeat(3, 3rem)
    }

    div#top-page-content .chart-column {
        max-height: 184rem;
    }
}

@media (min-width:32rem) {

    /* div#top-page-content .chart-column {
        grid-template-rows: repeat(2, auto) 2.5rem 1.25rem repeat(4, auto) 26rem auto 17rem 19rem repeat(2, auto);
        max-height: 146rem;
    } */
    /* #top-page-content .compchart-section.compchart-features {
        grid-template-rows: 1.625rem repeat(6, 1.25rem) 2rem 2.25rem 5.25rem 2.25rem;
    } */
    .compchart-section.compchart-materials {
        grid-template-rows: 1.625rem auto 4rem repeat(2, auto);
    }

    /* #top-page-content .compchart-container {
        height: 100%;
        max-height: 147rem;
    } */
    #top-page-content .compchart-container {
        max-height: unset;
        height: auto;
    }

    #top-page-content .compchart-section.compchart-materials {
        grid-template-rows: 1.625rem auto 3rem repeat(2, auto);
    }

    div#top-page-content .chart-column {
        grid-template-rows: repeat(2, auto) 2.5rem repeat(11, auto);
    }
}

@media (min-width:40rem) {

    /* div#top-page-content .chart-column {
        grid-template-rows: repeat(2, auto) 2.5rem 1.25rem repeat(4, auto) 30rem repeat(5, auto);
        max-height: 154rem;
    } */
    .compchart-section.compchart-materials {
        grid-template-rows: 1.625rem auto 3rem repeat(2, auto);
    }

    #top-page-content .compchart-section.compchart-materials {
        grid-template-rows: 1.625rem auto 3rem repeat(2, 2.75rem);
    }

    #top-page-content .compchart-section.compchart-tech {
        grid-template-rows: 1.625rem repeat(3, auto) 3rem;
    }

    /* #order .compchart-section.compchart-features, #top-page-content .compchart-section.compchart-features {
        grid-template-rows: 1.625rem repeat(6, 1.25rem) 2rem 2.25rem 4.25rem 2.25rem;
    } */
    #top-page-content .compchart-container {
        width: 100%;
        display: grid;
        grid-template: auto / repeat(3, auto);
        justify-content: space-between;
    }
}

@media (min-width:45rem) {
    #top-page-content .compchart-section.compchart-materials {
        grid-template-rows: 1.625rem auto 3rem 2.75rem auto;
    }

    #top-page-content .compchart-section.compchart-tech {
        grid-template-rows: 1.625rem repeat(4, auto);
    }
}

@media (min-width:48rem) {
    #top-page-content .compchart-section.compchart-materials {
        grid-template-rows: 1.625rem auto 3rem repeat(2, auto);
    }
}

@media (min-width:64rem) {
    div#top-page-content .chart-column {
        grid-template-rows: auto;
        /* max-height: 157rem; */
    }

    #top-page-content .compchart-container {
        width: calc(100% - 12rem);
    }

    #top-page-content .compchart-section {
        width: calc(100% - 5rem);
    }

    div#top-page-content {
        padding-inline: 0rem;

    }

    #top-page-content .compchart-section.compchart-materials {
        grid-template-rows: 1.625rem auto 3rem 2.75rem auto;
    }

    div#top-page-content a.compchart-cta.main-cta {
        margin-block: 1rem;
    }

    /* #order .compchart-section.compchart-features, #top-page-content .compchart-section.compchart-features {
            grid-template-rows: 1.625rem repeat(6, 1.25rem) 2rem 2.25rem 3.25rem 1.25rem;
        } */
}

@media (min-width:64rem) {
    #top-page-content .compchart-section.compchart-materials {
        grid-template-rows: 1.625rem auto 3rem repeat(2, auto);
    }
}

@media (min-width:75rem) {
    div#top-page-content .chart-column {
        /* max-height: 160rem; */
    }

    div#top-page-content .chart-column {
        width: auto;
    }

    /* #order .compchart-section.compchart-features, #top-page-content .compchart-section.compchart-features {
        grid-template-rows: 1.625rem repeat(8, 1.25rem)  2.5rem 1.25rem;
    } */
}

@media (min-width:90rem) {
    /* #order .compchart-section.compchart-features, #top-page-content .compchart-section.compchart-features {
            grid-template-rows: 1.625rem repeat(8, 1.25rem)  3.5rem 1.25rem;
        } */
}