.mx-faq__grid{display:grid;gap:48px;grid-template-columns:minmax(0,1fr)}@media (min-width:1024px){.mx-faq__grid{gap:80px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.mx-faq__intro{align-self:start;position:sticky;top:calc(var(--mx-header-height) + 32px)}}.mx-faq__intro .mx-section-head{margin-bottom:36px}.mx-faq__card{background:radial-gradient(ellipse at 100% 0,rgba(var(--mx-primary-rgb),.3),transparent 60%),var(--mx-surface);border:1px solid var(--mx-border);border-radius:calc(var(--mx-radius) + 4px);padding:32px}.mx-faq__card-title{font-size:1.375rem;margin:0 0 8px}.mx-faq__card-text{margin:0 0 24px}.mx-faq__list{display:grid;gap:14px}.mx-faq__item{background-color:var(--mx-surface);border:1px solid var(--mx-border);border-radius:var(--mx-radius);transition:border-color .25s ease,background-color .25s ease}.mx-faq__item[open]{background-color:var(--mx-surface-alt);border-color:rgba(var(--mx-primary-rgb),.6)}.mx-faq__question{align-items:center;color:var(--mx-heading);cursor:pointer;display:flex;font-family:var(--mx-font-heading);font-size:1.1875rem;font-weight:700;gap:18px;line-height:1.35;list-style:none;padding:22px 24px}.mx-faq__question::-webkit-details-marker{display:none}.mx-faq__question:focus-visible{border-radius:var(--mx-radius);outline-offset:-2px}.mx-faq__number{color:var(--mx-accent);font-size:.9375rem}.mx-faq__question-text{flex:1}.mx-faq__icon{background-color:rgba(var(--mx-contrast-rgb),.06);border-radius:50%;flex:0 0 auto;height:36px;position:relative;transition:background .25s ease,transform .3s ease;width:36px}.mx-faq__icon:after,.mx-faq__icon:before{background-color:var(--mx-heading);border-radius:2px;content:"";height:2px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:14px}.mx-faq__icon:after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .3s ease}.mx-faq__item[open] .mx-faq__icon:after,.mx-faq__item[open] .mx-faq__icon:before{background-color:#fff}.mx-faq__item[open] .mx-faq__icon{background:var(--mx-gradient)}.mx-faq__item[open] .mx-faq__icon:after{transform:translate(-50%,-50%) rotate(0deg)}.mx-faq__answer{padding:0 24px 24px 66px}.mx-faq__answer>:last-child{margin-bottom:0}@media (max-width:767px){.mx-faq__answer{padding-left:24px}}@media (prefers-reduced-motion:reduce){.mx-faq__icon,.mx-faq__icon:after,.mx-faq__item{transition:none}}