@layer reset,tokens,base;@layer components{.faq{--faq-open-surface:color-mix(in srgb, var(--color-muted) 25%, var(--color-background));overflow-wrap:anywhere;border:1px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden}.faq .faq-heading{font-family:var(--font-sans);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;justify-content:space-between;align-items:flex-start;gap:var(--space-24);width:100%;padding:var(--space-20);color:var(--color-foreground);cursor:pointer;font-weight:600;font-size:var(--text-16);line-height:1.6;transition:padding-bottom .14s ease-out;display:flex}.faq-item[data-open] .faq-trigger{padding-bottom:var(--space-8);transition-duration:.18s}.faq-trigger:focus-visible{outline:var(--focus-outline);outline-offset:-4px;border-radius:var(--radius-12)}.faq-mark{height:1.25rem;margin-top:var(--space-2);color:var(--color-muted-foreground);border-radius:50%;flex:0 0 1.25rem;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:var(--faq-open-surface)}.faq-answer{height:var(--accordion-panel-height);min-height:0;color:var(--color-muted-foreground);font-size:var(--text-16);line-height:1.75;transition:height .14s ease-out;overflow:hidden}.faq-answer>div{padding:0 var(--space-20) var(--space-24)}.faq-answer p{margin:0}.faq-answer p+p{margin-top:1em}@media (prefers-reduced-motion:reduce){.faq-trigger,.faq-answer,.faq-answer[data-open],.faq-mark:after{transition:none}}@media (width>=40rem){.faq-trigger{padding:var(--space-20) var(--space-24)}.faq-answer>div{padding-inline:var(--space-24)}}@media (hover:hover){.faq-trigger:hover{background:var(--color-surface-sunken)}}@media (forced-colors:active){.faq-mark:before,.faq-mark:after{background:buttontext}}}@layer features,utilities;
