body { background-color: var(--bg-dark);} .overflow-wrap { max-width: 100vw; overflow: -moz-hidden-unscrollable; overflow: clip; } @media screen and (min-width: 62em) { .overflow-wrap>.container { max-width: 86.8rem; }} @media screen and (min-width: 75em) { .overflow-wrap>.container { max-width: 105.45rem; }} @media screen and (min-width: 87.5em) { .overflow-wrap>.container { max-width: 107.6rem; }} main section:not(#carousel) { padding: 3rem 0 3rem 0;} main .shadow { display: block; background-color: var(--white); padding: 1rem 1rem;}   main .header h1 { display: block; color: var(--text-main); background-color: var(--white); padding: 2rem 1.5rem; margin-bottom: 3rem;} main .header p { display: flex; color: var(--color-main); background-color: var(--white); padding: 1rem 1rem; font-weight: 200; flex-wrap: wrap;} main .header p .social-shares { display: flex; align-items: center; margin-left: auto;} main .header p .social-shares a:not(:last-child) { margin-right: 1.5rem;} main .header p .social-shares img { filter: contrast(35%); max-width: 2.5rem;}  main #carousel { background-color: var(--white); padding: 0;}  main section.main { margin-bottom: 9rem;} main section.main>*:not(:last-child) { margin-bottom: 2rem;} main section.main .details { display: flex;  padding: 2rem;} main section.main .details li { width: calc(100%/3);} main section.main .details li:not(:last-child) { margin-right: 1rem;} main section.main .details .label { color: var(--color-main); font-weight: 200; font-size: 1.6rem;} main section.main .details .value { color: var(--text-main); } main section.main .desc { background-color: var(--bg-main);} main section.main .desc>* { color: var(--text-main);} main section.main .desc>p { margin: 1rem 0;}   main section.main .contributor h2 { font-size: 1.6rem; color: var(--text-main);} main section.main .contributor ol { display: flex; flex-wrap: wrap; align-items: center; max-width: 100%; margin-bottom: 0;} main section.main .contributor li { margin: 1rem 1rem; max-width: 7.5rem;} main section.main .contributor img { max-width: 7.5rem; flex-wrap: wrap;} main section.main .contributor li a { text-decoration: none;} main section.main .contributor li span { display: inline-block; text-align: center; margin-top: 1rem;}  main #comments { position: relative; padding-top: 0 !important; padding-bottom: 8rem !important;} main #comments::before { content: ''; position: absolute; top: 0; left: 0; display: block; height: 100%; width: 200vw; background-color: var(--white); z-index: -1; transform: translateX(-100vw);} main #comments .h-main { color: var(--color-main); font-weight: 600; transform: translateY(-135%) translateX(3rem);} #commentForm { display: flex; flex-direction: column; max-width: 100%; margin-bottom: 3rem;} #addComment { width: 100%; height: auto; min-height: 10rem; color: var(--text-main); padding: 1rem; border: .1rem solid var(--border-main);} #btnConfirmComment { flex-grow: 0; width: max-content; align-self: end; margin-top: 3rem;} #comments #visitor-message { font-size: 1.8rem; font-weight: 200; margin-bottom: 2rem; color: var(--color-secondary);} #comments #visitor-actions { display: flex; flex-wrap: wrap; max-width: 40rem; gap: 2rem;} #comments #visitor-actions a { flex-grow: 1;} #comments .mainComment button { background: none; border: none; color: var(--text-lighter); padding: 0;} #comments .comment { display: flex; flex-direction: column;} #comments .comment .options { display: flex; justify-content: flex-end; align-items: center;} #comments .comment .options a:not(:last-child) { margin-right: 1rem;} #comments .comment .options img { height: 1.5rem;} #comments .comment .main { display: flex;} #comments .comment figure { margin-right: 3rem; max-width: 5rem;} #comments .comment img { max-width: 5rem;} #comments .comment .text span:not(.name) { color: var(--text-lighter); font-size: 1.4rem;} #comments .comment .text .name { color: var(--color-main);} #comments .comment .commentText { margin: .5rem 0; color: var(--text-main);} #comments .comment .commentText[contenteditable="true"] { color: var(--text-light); padding: 1rem 2rem; border: .1rem solid var(--border-main);} #comments .comment .commentText[contenteditable="true"]:focus-visible { outline: none;} #commentsList>li:not(:last-child) { margin-bottom: 5rem;} #commentsList .btn-collapse { color: var(--text-lighter); transform: translateX(8rem); font-size: 1.4rem; padding: 0;} #commentsList .btn-collapse::after {  display: none;} #commentsList form[name="responseForm"] { margin-left: 8rem; margin-bottom: 2rem; width: calc(100% - 8rem);} #commentsList form[name="responseForm"] textarea { width: 100%; border: .1rem solid var(--border-main); color: var(--text-main);} #commentsList form[name="responseForm"] input { display: block; margin-left: auto; margin-top: 2rem; font-size: 1.4rem;} #comments .responseList { margin-left: 8rem;} #save-editable-comment { float: right; font-size: 1.4rem; padding: 1rem 2rem;} #comments .responseList .respComment { margin-bottom: 1rem;} .modal-content .comment-review { display: block; padding: 2rem; margin: 2rem 0; border: .1rem solid var(--border-main);} .modal-content .slider-label { font-size: 1.4rem;}  .adone { color: #FFF; margin-bottom: 5px;} @media screen and (min-width: 62em) { .overflow-wrap>.container { display: grid; gap: 3rem; grid-template-columns: auto 30rem; } .overflow-wrap>.container .ads { position: sticky; top: 10rem; } aside { display: block; height: 100%; } aside>.h-main { margin-top: 3rem; }}