@layer components{.qa{margin-top:32px;border-top:1px solid var(--film-8)}.qa details{border-bottom:1px solid var(--film-8)}.qa summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;cursor:pointer;font-size:17px;font-variation-settings:"wdth" var(--wdth-text),"wght" 500;list-style:none}.qa summary::-webkit-details-marker{display:none}.qa summary:after{content:"";flex:none;width:32px;height:32px;border:1px solid var(--border-control);border-radius:50%;color:var(--text-muted);background:linear-gradient(currentColor,currentColor) center / 12px 1.75px no-repeat,linear-gradient(currentColor,currentColor) center / 1.75px 12px no-repeat;background-color:transparent}.qa details[open] summary:after{rotate:135deg;border-color:var(--lamp);background-color:var(--lamp);color:var(--ground-room)}@media(any-hover:hover){.qa details:not([open]) summary:hover:after{background-color:var(--film-8)}}@media(prefers-reduced-motion:no-preference){:where(html.js:not([data-motion=off])) .qa summary:after{transition:rotate .45s cubic-bezier(.16,1,.3,1),background-color .2s ease,border-color .2s ease,color .2s ease}:where(html.js:not([data-motion=off])) .qa details[open]>:not(summary){animation:qa-answer .45s cubic-bezier(.16,1,.3,1) both}}@keyframes qa-answer{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.qa details p{max-width:62ch;margin:0 0 20px;color:var(--text-body)}}