.accordion{--accordion--items--border-y:var(--border-width--s) solid hsla(var(--color--brand-1--hsl),0.15);--accordion--item--padding-y:var(--space--s);--accordion--item--panel--padding-y:var(--space--s);--accordion--button--size:2.1875rem;--accordion--icon--size:0.75rem}.accordion__inner{margin-left:auto;margin-right:auto;max-width:var(--width--s)}.accordion__header{margin-bottom:var(--block--header--margin-bottom)}.accordion__header>:first-child{margin-top:0}.accordion__header>:last-child{margin-bottom:0}.accordion__heading{margin-inline:auto;max-width:var(--heading--max-width);text-align:center}.accordion__items{border-top:var(--accordion--items--border-y)}.accordion__item{border-bottom:var(--accordion--items--border-y)}.accordion__item__heading{margin:0;max-width:var(--width--responsive--xxs);padding:0}.accordion__item__header{align-items:center;background-color:initial;background:none;border:0;border-radius:0;color:inherit;color:var(--color--foreground);column-gap:var(--space--s);cursor:pointer;display:grid;font-family:inherit;font-size:inherit;font-weight:inherit;grid-template-areas:"content button";grid-template-columns:1fr var(--accordion--button--size);justify-content:space-between;letter-spacing:inherit;line-height:inherit;margin:0;padding:0;padding:var(--accordion--item--padding-y) 0;text-align:left;text-transform:inherit;width:100%}.accordion__item__header:active,.accordion__item__header:focus{background-color:initial;color:inherit}@media (hover:hover){.accordion__item__header:hover{background-color:initial;color:inherit}}.accordion__item__header:focus{box-shadow:unset;outline:var(--focus--1--width,2px) dotted var(--focus--color);outline-offset:var(--focus--1--offset,0);outline-width:5px}.accordion__item__header:focus:not(:focus-visible):active,.accordion__item__header:focus:not(:focus-visible):focus{outline-style:none;outline-width:0}.accordion__item__header:focus-within:before,.accordion__item__header:hover:before{background-color:var(--color--magenta)}.accordion__item__header:focus-within:after,.accordion__item__header:hover:after{background-color:var(--button--color--hover)}.accordion__item__header[aria-expanded=true]:after{transform:rotate(180deg)}.accordion__item__header:after,.accordion__item__header:before{content:"";display:block;grid-area:button;height:var(--accordion--button--size);width:var(--accordion--button--size)}.accordion__item__header:before{background-color:var(--color--brand-3);border-radius:var(--border-radius--s)}.accordion__item__header:after{background-color:var(--color--brand-1);content:"";-webkit-mask-image:url(../../images/icons/caret-down.svg);mask-image:url(../../images/icons/caret-down.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:var(--accordion--icon--size);mask-size:var(--accordion--icon--size);transition:transform var(--transition--duration) var(--transition--ease) 0s}.accordion__item__panel{overflow:hidden;transition:height var(--transition--duration) var(--transition--ease) 0s;transition-duration:calc(var(--transition--duration)*2)}.accordion__item__panel-inner{max-width:var(--width--xs);padding-bottom:var(--accordion--item--panel--padding-y)}.accordion__item__panel-inner>:first-child{margin-top:0}.accordion__item__panel-inner>:last-child{margin-bottom:0}