/*!*******************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/faq/style.scss ***! \*******************************************************************************************************************************************************************************************************************************************/ nav#faq { height: -moz-max-content; height: max-content; display: block; background-color: rgb(var(--base-100)); border-radius: var(--radius-outer); padding: 1.5rem; touch-action: auto; } nav#faq ol { list-style: decimal-leading-zero; height: -moz-fit-content; height: fit-content; display: block; counter-reset: faq; } nav#faq ol li { counter-increment: faq; width: -moz-max-content; width: max-content; } nav#faq ol li::before { content: counter(faq); display: block; font-family: var(--heading); font-weight: var(--fw-h-bold); } nav#faq h2 { right: 0; font-size: var(--txt-large); margin: 0.5rem 0 0.5rem; } nav#faq a { padding: 0.5rem; } .faq-block { padding-bottom: 3rem; max-width: none; width: 100%; } .faq-block > * { max-width: var(--wide); margin: 1rem auto; } .faq-block h2 { margin: 5rem 0 1.5rem; } .faq-block h3 { margin: 0; text-transform: none; } .faq-block :target { background-color: rgb(var(--base)); outline: none; } .faq-block :target h2 { background-color: rgb(var(--base)); padding: 1rem 1.5rem; border-radius: var(--radius-outer); } .faq-block details { max-width: var(--content); margin: 1rem auto; padding: 0.75rem; } .faq-block details + details { margin-top: 3rem; } .faq-block details .button { height: -moz-fit-content; height: fit-content; display: flex; margin-right: auto; }