.accordion{--accordion-button-padding:var(--size-2) 0;--accordion-panel-padding:0 0 var(--size-3) 0;--accordion-item-content-margin-block-end:0;--accordion-media-size:clamp(var(--size-9), calc(var(--size-9) + (120 - 72) * ((100vw - var(--size-80)) / 504)), var(--size-15));--accordion-media-visual-size:100%;--accordion-media-gap:clamp(var(--size-1-5), calc(var(--size-1-5) + (16 - 12) * ((100vw - var(--size-80)) / 504)), var(--size-2));--accordion-media-sticky-offset:var(--size-2);box-sizing:border-box;width:100%}@media (width>=768px){.accordion{--accordion-button-padding:var(--size-3) 0}}.accordion .accordion-item{border-bottom:var(--border)}[data-appearance=secondary] :is(.accordion .accordion-item){background-color:var(--color-surface-10);border-radius:var(--radius-md);border-bottom:none;margin-block-end:var(--space-2);padding-inline-start:var(--size-3);padding-inline-end:var(--size-3)}.accordion .accordion-item:last-child{border-bottom:none;margin-block-end:0}.accordion .accordion-item .accordion-item-label{font:inherit;justify-content:space-between;align-items:center;gap:var(--size-2);width:100%;padding:var(--accordion-button-padding);cursor:pointer;text-align:unset;color:var(--color-black);font-weight:var(--font-weight-semibold);background:0 0;border:none;margin:0;display:flex}.accordion .accordion-item .accordion-item-media{block-size:var(--accordion-media-size);align-self:start;place-items:center;display:grid}.accordion .accordion-item .accordion-item-media>*{block-size:var(--accordion-media-visual-size);inline-size:var(--accordion-media-visual-size)}.accordion .accordion-item .accordion-item-media[data-sticky=true]{position:sticky;inset-block-start:var(--accordion-media-sticky-offset)}.accordion .accordion-item .accordion-item-label-marker{color:var(--color-neutral-50);justify-content:center;align-items:center;display:flex;position:relative}.accordion .accordion-item .accordion-item-label-marker:before{content:"";z-index:-1;border-radius:var(--radius-full);background-color:var(--color-surface-10);position:absolute;inset:0;transform:scale(0)}@media (prefers-reduced-motion:no-preference){.accordion .accordion-item .accordion-item-label-marker:before{transition:transform var(--duration-normal)}}.accordion-item-label[aria-expanded=true]>:is(.accordion .accordion-item .accordion-item-label-marker){opacity:var(--opacity-100);transform:rotate(180deg)}.accordion-item-label:hover>:is(.accordion .accordion-item .accordion-item-label-marker):before{transform:scale(1.75)}.accordion .accordion-item .accordion-item-content-container{padding:var(--accordion-panel-padding);margin:0 auto;margin-block-end:var(--accordion-item-content-margin-block-end);overflow:hidden}.accordion .accordion-item .accordion-item-content-container a{color:inherit}[data-appearance=secondary] :is(.accordion .accordion-item .accordion-item-content-container){padding-block-start:var(--size-2)}.accordion .accordion-item[data-has-media=true]{column-gap:var(--accordion-media-gap);padding-block:calc(var(--accordion-media-gap) / 2);border-bottom:none;display:flex;position:relative}.accordion .accordion-item[data-has-media=true]>.accordion-item-media{flex:0 0 var(--accordion-media-size);block-size:var(--accordion-media-size);align-self:start}.accordion .accordion-item[data-has-media=true] .accordion-item-body{flex:auto;min-inline-size:0}.accordion .accordion-item[data-has-media=true] .accordion-item-label{padding-block-start:max(calc(var(--accordion-media-gap) / 2), var(--accordion-label-top-offset,0px));padding-block-end:var(--accordion-media-gap);padding-inline-end:var(--size-5)}.accordion .accordion-item[data-has-media=true] .accordion-item-content-container{overflow:visible clip}.accordion .accordion-item[data-has-media=true] .accordion-item-label-marker{position:absolute;inset-block-start:calc(var(--accordion-media-gap) / 2 + var(--accordion-media-size) / 2);inset-inline-end:0;transform:translateY(-50%)}@media (prefers-reduced-motion:no-preference) and (hover:hover){.accordion .accordion-item[data-has-media=true] .accordion-item-label-marker{transition:transform var(--duration-normal) var(--ease-in-out)}}.accordion .accordion-item[data-has-media=true] .accordion-item-label[aria-expanded=true]>.accordion-item-label-marker{transform:translateY(-50%)rotate(180deg)}.accordion .accordion-item[data-has-media=true]:not(:last-child):after{content:"";inline-size:calc(100% - var(--accordion-media-size) - var(--accordion-media-gap));block-size:var(--size-px);background-color:var(--color-border);position:absolute;inset-block-end:0;inset-inline-start:calc(var(--accordion-media-size) + var(--accordion-media-gap))}@media (width>=768px){:root{--font-size-display-xs:var(--font-size-md);--font-size-display-sm:var(--font-size-xl);--font-size-display-md:var(--font-size-3xl);--font-size-display-lg:var(--font-size-5xl);--font-size-display-xl:var(--font-size-7xl);--font-size-display-2xl:var(--font-size-10xl);--space-1:var(--size-1);--space-2:var(--size-2);--space-3:var(--size-3);--space-4:var(--size-4);--space-5:var(--size-5);--space-6:var(--size-6);--space-8:var(--size-8);--space-10:var(--size-10);--space-12:var(--size-12);--space-14:var(--size-14);--space-16:var(--size-16);--space-18:var(--size-18);--space-20:var(--size-20);--space-30:var(--size-30);--space-40:var(--size-40)}}
