.accordion{width:100%}.accordion__item{margin:1em 0}.accordion__toggle{position:relative;display:block;width:100%;background:#e5e5e5;padding:1.5em 2.5em 1.5em 1.5em;border:none;border-radius:5px;text-align:left;font-size:1.125rem;font-weight:700;color:var(--color-primary);margin-bottom:0;transition:background .3s ease-in-out,color .3s ease-in-out}.accordion__toggle:before,.accordion__toggle:after{content:"";width:16px;height:3px;background:var(--color-primary);position:absolute;top:50%;transform:translateY(-50%);transition:.3s ease-in transform;right:15px}.accordion__toggle:after{transform:translateY(-50%) rotate(90deg)}.accordion__toggle.active{background:var(--color-white);border:2px solid var(--color-primary);border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion__toggle.active:after{transform:translateY(-50%) rotate(0)}.accordion__toggle:focus{box-shadow:none}.accordion__toggle:focus-visible{box-shadow:0 0 0 2px var(--color-white),0 0 0 4px var(--color-primary)}.accordion__content{display:none;padding:0 1.5em 2em;border-bottom-right-radius:5px;border-bottom-left-radius:5px}.accordion__content h3,.accordion__content .h3{font-size:1rem;font-weight:700;margin-bottom:.5em}.accordion.accordion--secondary .accordion__toggle.active{background:var(--color-primary);color:var(--color-white)}.accordion.accordion--secondary .accordion__toggle.active:before,.accordion.accordion--secondary .accordion__toggle.active:after{background:var(--color-white)}.accordion.accordion--secondary .accordion__content{padding:20px 0}.accordion--condensed .accordion__toggle{padding:.625rem 2.5rem .625rem 1rem;font-size:1rem}.accordion--condensed .accordion__content{padding:0 1.5em}@media(min-width:64em){.accordion--secondary .accordion__title{font-size:1.5rem}.accordion--secondary .accordion__content{padding:30px 0 20px}.accordion__title{font-size:1.625rem}}