.faq--colored{padding-top:5rem;padding-bottom:5rem;background-color:rgba(var(--color-foreground),.06)}.faq accordion-tab{display:block}.faq accordion-tab+accordion-tab{margin-top:2rem}.faq .h3{margin-top:0}.faq .h3+.rte{margin-top:-1rem;margin-bottom:3rem}.faq accordion-tab+.h3{margin-top:4rem}.faq details summary{text-transform:uppercase;letter-spacing:.25rem;font-size:1.2rem;color:rgba(var(--color-foreground),.75)}.faq details summary>span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.faq details summary .icon{position:relative;-webkit-box-flex:0;-ms-flex:0 0 3.4rem;flex:0 0 3.4rem;width:3.4rem;height:3.4rem;border-radius:50%;-webkit-margin-end:1.5rem;margin-inline-end:1.5rem;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));-webkit-box-shadow:0 0 0 .1rem rgb(var(--color-border));box-shadow:0 0 0 .1rem rgb(var(--color-border));-webkit-transition-property:color,background-color,-webkit-transform;transition-property:transform,color,background-color;transition-property:transform,color,background-color,-webkit-transform;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:var(--duration-default);transition-duration:var(--duration-default)}.faq details summary .icon::before{width:1.2rem}.faq details summary .icon::after{height:1.2rem;-webkit-transition:height var(--duration-default) ease;transition:height var(--duration-default) ease}.faq details summary~*{padding-top:1rem;padding-bottom:2rem}.faq details[open] summary .icon{-webkit-box-shadow:none;box-shadow:none;color:rgb(var(--color-background));background-color:rgb(var(--color-foreground))}.faq details[open] summary .icon::after{height:0}@media (min-width:750px){.faq accordion-tab+.h3{margin-top:6rem}.faq details summary{font-size:1.3rem}}@media screen and (hover:hover){.faq details:not([open]) summary:hover .icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}