.faq{--color-border:color-mix(in srgb, var(--color-text-secondary) 20%, transparent);--color-ring:var(--action-primary);overflow-wrap:anywhere;border:1px solid var(--color-border);border-radius:1rem;overflow:hidden}.faq .faq-heading{font-family:var(--font-inter);margin:0}.faq-answer[data-open]{transition-duration:.18s}.faq-answer[data-starting-style],.faq-answer[data-ending-style]{height:0}.faq-item+.faq-item{border-top:1px solid var(--color-border)}.faq-trigger{text-align:left;width:100%;color:var(--color-foreground);cursor:pointer;justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:1.25rem;font-weight:600;line-height:1.6;transition:padding-bottom .14s ease-out;display:flex}.faq-item[data-open] .faq-trigger{padding-bottom:.5rem;transition-duration:.18s}.faq-trigger:focus-visible{outline:2px solid var(--color-ring);outline-offset:-4px;border-radius:.75rem}.faq-mark{height:1.25rem;color:var(--color-muted-foreground);border-radius:50%;flex:0 0 1.25rem;margin-top:.125rem;position:relative}.faq-mark:before,.faq-mark:after{content:"";background:currentColor;width:.625rem;height:1.5px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.faq-mark:after{transition:transform .18s ease-out;transform:translate(-50%,-50%)rotate(90deg)}.faq-item[data-open] .faq-mark:after{transform:translate(-50%,-50%)rotate(90deg)scaleX(0)}.faq-item[data-open]{background:color-mix(in srgb, var(--color-muted) 25%, var(--color-background))}.faq-answer{height:var(--accordion-panel-height);min-height:0;color:var(--color-muted-foreground);line-height:1.75;transition:height .14s ease-out;overflow:hidden}.faq-answer>div{padding:0 1.25rem 1.5rem}.faq-answer p{margin:0}.faq-answer p+p{margin-top:1em}.faq-answer a{text-underline-offset:3px;text-decoration:underline}@media (prefers-reduced-motion:reduce){.faq-trigger,.faq-answer,.faq-answer[data-open],.faq-mark:after{transition:none}}@media (width>=640px){.faq-trigger{padding:1.25rem 1.5rem}.faq-answer>div{padding-inline:1.5rem}}@media (hover:hover){.faq-trigger:hover{background:color-mix(in srgb, var(--color-muted) 45%, var(--color-background))}}@media (forced-colors:active){.faq-mark:before,.faq-mark:after{background:buttontext}}