@layer components.details-accordion{.cM1DGq_accordion{gap:var(--border-width-thin);flex-direction:column;inline-size:100%;display:flex;container:cM1DGq_accordion/inline-size}.cM1DGq_accordion__item{background:var(--color-surface-primary);border:var(--border-width-thin) solid var(--color-border-secondary);border-radius:var(--radii-md);transition:border-color var(--duration-moderate) var(--easing-interactive), box-shadow var(--duration-moderate) var(--easing-interactive);overflow:hidden;&:hover{border-color:var(--color-border-primary)}&:focus-within{border-color:var(--color-border-primary);box-shadow:var(--elevation-1)}&[open]{border-color:var(--color-border-primary)}}.cM1DGq_accordion__trigger{inline-size:100%;padding:var(--spacing-md);font-family:var(--font-family-ui);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--color-text-primary);text-align:start;cursor:pointer;transition:background-color var(--duration-moderate) var(--easing-interactive), color var(--duration-moderate) var(--easing-interactive);background:0 0;border:none;justify-content:space-between;align-items:center;list-style:none;display:flex;&::-webkit-details-marker{display:none}&::marker{display:none}&:hover{background-color:#0000}&:focus{color:var(--color-primary);background-color:#0000;outline:none}&:active{background-color:#0000}&:after{inline-size:var(--icon-sm);block-size:var(--icon-sm);content:"";transition:transform var(--duration-moderate) var(--easing-interactive);background-color:currentColor;flex-shrink:0;mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='m19.5 8.25-7.5 7.5-7.5-7.5'/%3e%3c/svg%3e");mask-position:50%;mask-size:contain;mask-repeat:no-repeat}}.cM1DGq_accordion__item[open]>.cM1DGq_accordion__trigger{color:var(--color-primary);background-color:#0000}.cM1DGq_accordion__item[open]>.cM1DGq_accordion__trigger:after{transform:rotate(180deg)}.cM1DGq_accordion__content{transition:grid-template-rows var(--duration-moderate) var(--easing-enter);grid-template-rows:0fr;display:grid;overflow:hidden}.cM1DGq_accordion__item[open]>.cM1DGq_accordion__content{grid-template-rows:1fr}.cM1DGq_accordion__content_inner{min-block-size:0;padding:0 var(--spacing-md);font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);transition:padding var(--duration-moderate) var(--easing-enter);overflow:hidden}.cM1DGq_accordion__item[open]>.cM1DGq_accordion__content>.cM1DGq_accordion__content_inner{padding-block-end:var(--spacing-md)}.cM1DGq_accordion[data-variant=default],.cM1DGq_accordion:not([data-variant]){background:var(--color-border-secondary)}.cM1DGq_accordion[data-variant=accent]{background:var(--color-success-surface);& .cM1DGq_accordion__item{border-color:var(--color-success)}}.cM1DGq_accordion[data-variant=faq]{background:0 0;gap:var(--spacing-md)!important;& .cM1DGq_accordion__item{border-radius:var(--radii-lg);box-shadow:var(--elevation-1)}}.cM1DGq_accordion[data-size=sm]{gap:0;& .cM1DGq_accordion__trigger{padding:var(--spacing-sm);font-size:var(--font-size-sm)}& .cM1DGq_accordion__content_inner{padding-inline:var(--spacing-sm)}& .cM1DGq_accordion__item[open]>.cM1DGq_accordion__content>.cM1DGq_accordion__content_inner{padding-block-end:var(--spacing-sm)}}.cM1DGq_accordion[data-size=md]{gap:var(--border-width-thin);& .cM1DGq_accordion__trigger{padding:var(--spacing-md);font-size:var(--font-size-base)}& .cM1DGq_accordion__content_inner{padding-inline:var(--spacing-md)}& .cM1DGq_accordion__item[open]>.cM1DGq_accordion__content>.cM1DGq_accordion__content_inner{padding-block-end:var(--spacing-md)}}.cM1DGq_accordion[data-size=lg]{gap:var(--border-width-thick);& .cM1DGq_accordion__trigger{padding:var(--spacing-lg);font-size:var(--font-size-lg)}& .cM1DGq_accordion__content_inner{padding-inline:var(--spacing-lg)}& .cM1DGq_accordion__item[open]>.cM1DGq_accordion__content>.cM1DGq_accordion__content_inner{padding-block-end:var(--spacing-lg)}}@container cM1DGq_accordion (width<=30rem){.cM1DGq_accordion__trigger{padding:var(--spacing-sm);font-size:var(--font-size-sm);&:after{inline-size:var(--icon-xs);block-size:var(--icon-xs)}}.cM1DGq_accordion__content_inner{padding-inline:var(--spacing-sm)}.cM1DGq_accordion__item[open]>.cM1DGq_accordion__content>.cM1DGq_accordion__content_inner{padding-block-end:var(--spacing-sm)}.cM1DGq_accordion[data-size=lg] .cM1DGq_accordion__trigger{padding:var(--spacing-md);font-size:var(--font-size-base)}.cM1DGq_accordion[data-size=lg] .cM1DGq_accordion__content_inner{padding-inline:var(--spacing-md)}.cM1DGq_accordion[data-size=lg] .cM1DGq_accordion__item[open]>.cM1DGq_accordion__content>.cM1DGq_accordion__content_inner{padding-block-end:var(--spacing-md)}.cM1DGq_accordion{gap:var(--border-width-hairline)}.cM1DGq_accordion[data-variant=faq]{gap:var(--spacing-md)!important}}}@supports (interpolate-size:allow-keywords){@layer components.details-accordion{:root{interpolate-size:allow-keywords}.cM1DGq_accordion__content{block-size:0;transition:block-size var(--duration-moderate) var(--easing-enter);display:block}.cM1DGq_accordion__item[open]>.cM1DGq_accordion__content{block-size:auto}.cM1DGq_accordion__content_inner{min-block-size:unset}}}@media (prefers-reduced-motion:reduce){@layer components.details-accordion{.cM1DGq_accordion__item,.cM1DGq_accordion__trigger,.cM1DGq_accordion__content,.cM1DGq_accordion__content_inner,.cM1DGq_accordion__trigger:after{transition:none}}}