.table-contents {
position: relative;
z-index: 10
}

    @media (min-width: 1640px) {.table-contents {
margin-left: 0px
}
    }

    .table-contents .table-sticky {
pointer-events: none;
position: absolute;
z-index: 20;
        height: calc(100% - var(--nav-bar--height))
}

    .table-contents .table-sticky-block {
pointer-events: auto;
position: sticky;
top: 50%;
z-index: 10
}

    .table-contents .table-sticky-block.none_h2 {
display: none
}

    @media (max-width: 1349px) {
            .table-contents .table-sticky .m-table-toggle {
position: fixed;
width: 100%;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
                top: calc(
                    var(--nav-bar--height) + var(--wp-admin--admin-bar--height)
                )
}

                .table-contents .table-sticky .m-table-toggle .menu {
position: relative;
cursor: pointer;
--tw-bg-opacity: 1;
background-color: rgb(247 247 247 / var(--tw-bg-opacity));
padding-left: 67px;
padding-top: 19px;
padding-bottom: 18px;
font-family: Montserrat, sans-serif;
font-size: var(--wp--preset--font-size--medium);
font-weight: 600;
display: block;
width: 100%;
text-align: left
}

                    /* The progress container (grey background) */
                    .table-contents .table-sticky .m-table-toggle .menu .progress-container {
position: absolute;
bottom: -2px;
left: 0px;
height: 0.125rem;
width: 100vw;
background-color: transparent
}
                    /* The progress bar (scroll indicator) */
                    .table-contents .table-sticky .m-table-toggle .menu .progress-bar {
height: 0.125rem;
width: 0px;
background-color: var(--wp--preset--color--pearl-aqua)
}

                .table-contents .table-sticky .m-table-toggle svg {
position: absolute;
left: 39px;
top: 50%;
height: 16px;
width: 12px;
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

                .table-contents .table-sticky .m-table-toggle .wrap {
display: none;
overflow: scroll;
                    height: calc(100vh - 150px)
}
                    .table-contents .table-sticky .m-table-toggle .wrap .title {
display: none
}
                    .table-contents .table-sticky .m-table-toggle .wrap .post-sidebar__links {
display: flex;
flex-direction: column;
--tw-bg-opacity: 1;
background-color: rgb(247 247 247 / var(--tw-bg-opacity));
padding-top: 0px;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 1rem
}

                        .table-contents .table-sticky .m-table-toggle .wrap .post-sidebar__links a {
margin-bottom: 0px;
padding-left: 18px;
padding-right: 18px;
padding-top: 2rem;
padding-bottom: 2rem;
font-family: Montserrat, sans-serif;
font-size: var(--wp--preset--font-size--small);
font-weight: 500;
color: var(--wp--preset--color--primary);
border-bottom-width: 1px;
border-color: rgb(112 112 112 / var(--tw-border-opacity));
--tw-border-opacity: 0.12
}

                            .table-contents .table-sticky .m-table-toggle .wrap .post-sidebar__links a.selected {
color: var(--wp--preset--color--pearl-aqua)
}

                .table-contents .table-sticky .m-table-toggle.show .wrap {
display: block
}
        }

    /* Duplicate css as above for force mobile version */

    /* TODO: refactor code so that it is not repeated */

    .table-contents .table-sticky.force-mobile .m-table-toggle {
pointer-events: auto;
position: fixed;
width: 100%;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
                top: calc(
                    var(--nav-bar--height) + var(--wp-admin--admin-bar--height)
                )
}

    @media (min-width: 1350px) {

    .table-contents .table-sticky.force-mobile .m-table-toggle {
--tw-bg-opacity: 1;
background-color: rgb(247 247 247 / var(--tw-bg-opacity))
}
                }

    @media (min-width: 1640px) {

    .table-contents .table-sticky.force-mobile .m-table-toggle {
                    margin-left: 0
            }
                }

    .table-contents .table-sticky.force-mobile .m-table-toggle .menu {
position: relative;
cursor: pointer;
--tw-bg-opacity: 1;
background-color: rgb(247 247 247 / var(--tw-bg-opacity));
padding-left: 67px;
padding-top: 19px;
padding-bottom: 18px;
font-family: Montserrat, sans-serif;
font-size: var(--wp--preset--font-size--medium);
font-weight: 600;
display: block;
width: 100%;
text-align: left
}

    @media (min-width: 1350px) {

    .table-contents .table-sticky.force-mobile .m-table-toggle .menu {
margin-left: auto;
margin-right: auto;
max-width: 1015px;
padding-left: 28px
}
                    }

    /* The progress container (grey background) */

    .table-contents .table-sticky.force-mobile .m-table-toggle .menu .progress-container {
position: absolute;
bottom: -2px;
left: 0px;
height: 0.125rem;
width: 100vw;
background-color: transparent
}

    @media (min-width: 1350px) {

    .table-contents .table-sticky.force-mobile .m-table-toggle .menu .progress-container {
max-width: 1015px
}
                        }

    /* The progress bar (scroll indicator) */

    .table-contents .table-sticky.force-mobile .m-table-toggle .menu .progress-bar {
height: 0.125rem;
width: 0px;
background-color: var(--wp--preset--color--pearl-aqua)
}

    .table-contents .table-sticky.force-mobile .m-table-toggle svg {
position: absolute;
left: 39px;
top: 50%;
height: 16px;
width: 12px;
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

    @media (min-width: 1350px) {

    .table-contents .table-sticky.force-mobile .m-table-toggle svg {
left: 0px
}
                    }

    .table-contents .table-sticky.force-mobile .m-table-toggle .wrap {
display: none;
overflow: scroll;
                    height: calc(100vh - 150px)
}

    @media (min-width: 1350px) {

    .table-contents .table-sticky.force-mobile .m-table-toggle .wrap {
margin-left: auto;
margin-right: auto;
max-width: 1015px
}
                    }

    .table-contents .table-sticky.force-mobile .m-table-toggle .wrap .title {
display: none
}

    .table-contents .table-sticky.force-mobile .m-table-toggle .wrap .post-sidebar__links {
display: flex;
flex-direction: column;
--tw-bg-opacity: 1;
background-color: rgb(247 247 247 / var(--tw-bg-opacity));
padding-top: 21px;
padding-left: 50px;
padding-right: 53px;
padding-bottom: 0.75rem
}

    @media (min-width: 1350px) {

    .table-contents .table-sticky.force-mobile .m-table-toggle .wrap .post-sidebar__links {
padding-left: 10px
}
                        }

    .table-contents .table-sticky.force-mobile .m-table-toggle .wrap .post-sidebar__links a {
margin-bottom: 2rem;
padding-left: 18px;
padding-bottom: 1rem;
font-family: Montserrat, sans-serif;
font-size: var(--wp--preset--font-size--small);
font-weight: 500;
color: var(--wp--preset--color--primary);
border-bottom-width: 1px;
border-color: rgb(112 112 112 / var(--tw-border-opacity));
--tw-border-opacity: 0.12
}

    .table-contents .table-sticky.force-mobile .m-table-toggle .wrap .post-sidebar__links a.selected {
color: var(--wp--preset--color--pearl-aqua)
}

    .table-contents .table-sticky.force-mobile .m-table-toggle.show .wrap {
display: block
}

    @media (min-width: 1350px) {

    .table-contents .table-sticky:not(.force-mobile) {
left: 50%;
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: var(--wp--style--global--content-size);
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

                .table-contents .table-sticky:not(.force-mobile) .table-sticky-block {
top: 255px;
left: 0px;
z-index: 10;
margin-right: auto !important;
margin-left: 0px !important;
max-width: 140px;
padding-left: 10px;
opacity: 0;
transition-property: opacity;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
                    transform: translateX(calc(calc(-100% - 40px)))
}

                    @media (min-width: 1365px) {

                .table-contents .table-sticky:not(.force-mobile) .table-sticky-block {
padding-left: 0px
}
                    }

                    .table-contents .table-sticky:not(.force-mobile) .table-sticky-block.initiated {
opacity: 1
}
                    .table-contents .table-sticky:not(.force-mobile) .table-sticky-block .wrap {
padding-left: 0.625rem
}

                    .table-contents .table-sticky:not(.force-mobile) .table-sticky-block .m-table-toggle {
position: relative
}
                        /* background behind table of contents */
                        .table-contents .table-sticky:not(.force-mobile) .table-sticky-block .m-table-toggle:before {
position: absolute;
right: -20px;
top: -10px;
background-color: var(--wp--preset--color--white);
                            content: "";
                            width: calc(100% + 20px);
                            height: calc(100% + 20px);
                            z-index: -1
}

                        @media (min-width: 1350px) {

.table-contents .table-sticky:not(.force-mobile) .table-sticky-block .m-table-toggle .menu {
display: none
}
}

                    .table-contents .table-sticky:not(.force-mobile) .table-sticky-block .title {
margin-bottom: 1.25rem;
text-align: right;
font-family: rift, sans-serif;
font-size: var(--wp--preset--font-size--small)
}
                    .table-contents .table-sticky:not(.force-mobile) .table-sticky-block .post-sidebar__links {
position: relative
}

                        .table-contents .table-sticky:not(.force-mobile) .table-sticky-block .post-sidebar__links:before {
position: absolute;
right: -0.75rem;
height: 100%;
width: 5px;
--tw-bg-opacity: 1;
background-color: rgb(242 243 246 / var(--tw-bg-opacity));
                            content: ""
}

                        .table-contents .table-sticky:not(.force-mobile) .table-sticky-block .post-sidebar__links .post-sidebar__link {
position: relative;
margin-bottom: 0px;
display: block;
width: 100%;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
text-align: right;
font-family: Montserrat, sans-serif;
font-size: var(--wp--preset--font-size--font-11-px);
color: var(--wp--preset--color--primary);
text-decoration-line: none
}

                        .table-contents .table-sticky:not(.force-mobile) .table-sticky-block .post-sidebar__links .post-sidebar__link:hover {
text-decoration-line: underline
}

                            .table-contents .table-sticky:not(.force-mobile) .table-sticky-block .post-sidebar__links .post-sidebar__link:before {
position: absolute;
right: -0.75rem;
width: 5px;
background-color: var(--wp--preset--color--pearl-aqua);
opacity: 0;
transition-property: opacity;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
                                height: calc(100% + 6px);
                                top: -3px;
                                content: ""
}
                                .table-contents .table-sticky:not(.force-mobile) .table-sticky-block .post-sidebar__links .post-sidebar__link.selected:before {
opacity: 1
}
            }

.page-template-with-table-of-contents-page main, .post-template-with-table-of-contents main {
        /* for mobile section sticky banner */
        z-index: 10;
    }

.page-template-with-table-of-contents-page main .entry-content, .post-template-with-table-of-contents main .entry-content {
padding-top: 0px
}

@media (min-width: 1350px) {

.page-template-with-table-of-contents-page main .entry-content, .post-template-with-table-of-contents main .entry-content {
padding-top: 0px
}
}

@media (min-width: 782px) {

@media (min-width: 1350px) {

.page-template-with-table-of-contents-page main .entry-content, .post-template-with-table-of-contents main .entry-content {
padding-top: 0px
}
}
            }

@media (min-width: 1050px) {
            .page-template-with-table-of-contents-page .has-global-padding > .alignfull-desktop.recommend-mention,
            .page-template-with-table-of-contents-page .has-global-padding > .alignfull-desktop.product-comparison-table__block,
            .post-template-with-table-of-contents .has-global-padding > .alignfull-desktop.recommend-mention,
            .post-template-with-table-of-contents .has-global-padding > .alignfull-desktop.product-comparison-table__block {
                margin-left: calc(
                    ((100vw - var(--wp--style--global--content-size)) / 2) -
                        25px
                ) !important;
            }
    }

.page-template-with-table-of-contents-page .is-hidden + main .table-sticky-block, .post-template-with-table-of-contents .is-hidden + main .table-sticky-block {
top: 100px !important
}

/* extra padding on mobile */

.page-template-with-table-of-contents-page .is-hidden + main .table-sticky .m-table-toggle, .post-template-with-table-of-contents .is-hidden + main .table-sticky .m-table-toggle {
--tw-translate-y: -83px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media (min-width: 1024px) {

.page-template-with-table-of-contents-page .is-hidden + main .table-sticky .m-table-toggle, .post-template-with-table-of-contents .is-hidden + main .table-sticky .m-table-toggle {
--tw-translate-y: -94px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
}

@media (min-width: 1350px) {

.page-template-with-table-of-contents-page .is-hidden + main .table-sticky .m-table-toggle, .post-template-with-table-of-contents .is-hidden + main .table-sticky .m-table-toggle {
--tw-translate-y: -0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
}

.page-template-with-table-of-contents-page .is-hidden + main .table-sticky.force-mobile .m-table-toggle, .post-template-with-table-of-contents .is-hidden + main .table-sticky.force-mobile .m-table-toggle {
                        top: calc(
                            var(--nav-bar-bottom-heigh) +
                                var(--wp-admin--admin-bar--height)
                        );
                    }

/* Unique .page-template-with-table-of-contents-page  styles */

.page-template-with-table-of-contents-page main .entry-content > p,
            .page-template-with-table-of-contents-page main .entry-content > .wp-block-heading,
            .page-template-with-table-of-contents-page main .entry-content > ul,
            .page-template-with-table-of-contents-page main .entry-content > ol,
            .page-template-with-table-of-contents-page main .entry-content > blockquote,
            .post-template-with-table-of-contents main .entry-content > p,
            .post-template-with-table-of-contents main .entry-content > .wp-block-heading,
            .post-template-with-table-of-contents main .entry-content > ul,
            .post-template-with-table-of-contents main .entry-content > ol,
            .post-template-with-table-of-contents main .entry-content > blockquote {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
max-width: 680px !important;
padding-right: 0px
}

/* Image left text right and vise versa */

.page-template-with-table-of-contents-page main .entry-content .image-left-right-vv, .post-template-with-table-of-contents main .entry-content .image-left-right-vv {
max-width: var(--table-contents-narrow-width)
}

/* Quote text col */

@media (min-width: 1024px) {

.page-template-with-table-of-contents-page main .entry-content .quote-text-col, .post-template-with-table-of-contents main .entry-content .quote-text-col {
max-width: var(--table-contents-narrow-width)
}

.page-template-with-table-of-contents-page main .entry-content .quote-text-col .quote-col, .post-template-with-table-of-contents main .entry-content .quote-text-col .quote-col {
flex-basis: 17%
}
                        .page-template-with-table-of-contents-page main .entry-content .quote-text-col .quote-col .wp-block-quote, .post-template-with-table-of-contents main .entry-content .quote-text-col .quote-col .wp-block-quote {
width: 305px;
padding-left: 0px;
padding-right: 1.25rem;
                            transform: translateX(calc(-100% + 154px))
}

.page-template-with-table-of-contents-page main .entry-content .quote-text-col .text-col, .post-template-with-table-of-contents main .entry-content .quote-text-col .text-col {
flex-basis: 83%;
padding-left: 2.5rem
}
}

/* Quote text col */

.page-template-with-table-of-contents-page main .entry-content .quick-facts, .post-template-with-table-of-contents main .entry-content .quick-facts {
                max-width: 800px !important;
            }

@media (min-width: 782px) {

.page-template-with-table-of-contents-page main .entry-content .quick-facts, .post-template-with-table-of-contents main .entry-content .quick-facts {
padding-left: 1.25rem;
padding-right: 1.25rem
}
                }

.page-template-with-table-of-contents-page main .entry-content .quick-facts .wp-block-heading,
                .page-template-with-table-of-contents-page main .entry-content .quick-facts p,
                .post-template-with-table-of-contents main .entry-content .quick-facts .wp-block-heading,
                .post-template-with-table-of-contents main .entry-content .quick-facts p {
                    max-width: var(--table-contents-narrow-width);
                }

@media (min-width: 782px) {

.page-template-with-table-of-contents-page main .entry-content.has-global-padding > .alignfull, .post-template-with-table-of-contents main .entry-content.has-global-padding > .alignfull {
                    max-width: 1015px !important;
                    margin-left: calc(
                        (100vw - var(--wp--style--global--content-size)) / 2
                    ) !important
            }

.page-template-with-table-of-contents-page main .entry-content.has-global-padding > .alignwide, .post-template-with-table-of-contents main .entry-content.has-global-padding > .alignwide {
                    margin-left: calc(
                        (100vw - var(--wp--style--global--content-size)) / 2
                    ) !important
            }
                }

.page-template-with-table-of-contents-page main .entry-content figcaption,
            .page-template-with-table-of-contents-page main .entry-content figcaption em,
            .page-template-with-table-of-contents-page main .entry-content figcaption p,
            .post-template-with-table-of-contents main .entry-content figcaption,
            .post-template-with-table-of-contents main .entry-content figcaption em,
            .post-template-with-table-of-contents main .entry-content figcaption p {
font-size: 12px;
text-transform: uppercase;
font-style: normal;
line-height: 18px
}

button.sqs-block-image-button.lightbox {
    display: none !important;
}

button.sqs-block-image-button.lightbox + p {
    display: none !important;
}

span.v6-visually-hidden {
    display: none !important;
}

body.admin-bar {
    --wp-admin--admin-bar--height: 32px;
}

@media screen and (max-width: 782px) {

body.admin-bar {
        --wp-admin--admin-bar--height: 46px
}
    }