.accordion{--number-size:1.75rem;--index-column:calc(var(--number-size)*1.75);border-radius:var(--radius);box-shadow:1px 1px 4px rgba(0,0,0,.25);overflow:hidden}.accordion .header{background:var(--brand-purple);color:#fff!important;font-size:1.125em;font-weight:700;padding:1.25em}.accordion .accordion-row{align-items:center;background:#fff;counter-reset:row-number var(--row-number);margin:0;padding:0 1.25em;position:relative}.accordion .accordion-row:after{border-bottom:1px solid var(--text-color);content:" ";display:block;height:0;margin:0 .75em 0 calc(var(--index-column));position:relative}.accordion .accordion-row:last-of-type:after{border:none;height:.75em}.accordion .accordion-row .label{position:relative;--color:var(--brand-blue);align-items:center;color:var(--color);display:grid;grid-template-areas:"number auto arrow";grid-template-columns:calc(var(--index-column) - 1em) auto 2.25em;grid-gap:1em;cursor:pointer;padding:.5em 0}.accordion .accordion-row .label>div{line-height:1.125em;padding-top:.125em}.accordion .accordion-row .label:before{--size:var(--number-size);--font-size:calc(var(--size)*0.75);align-items:center;align-self:flex-start;border:2px solid var(--brand-blue);border-radius:calc(var(--size)/2);content:counter(row-number);display:block;display:inline-flex;font-size:var(--font-size);font-weight:700;grid-area:number;height:var(--size);justify-content:center;justify-self:flex-start;line-height:1px;position:relative;width:var(--size)}.accordion .accordion-row .label:after{background:var(--color);content:" ";grid-area:arrow;height:1.5em;mask-image:var(--arrow-icon);mask-position:center;mask-repeat:no-repeat;mask-size:cover;transition:transform .5s;width:1.5em}.accordion .accordion-row .content{height:auto;margin:0 var(--index-column);margin-top:-.125em;max-height:0;overflow:hidden;position:relative;transition:all .75s}.accordion .accordion-row .content p{margin-bottom:1em}.accordion .accordion-row .content.multi-column{display:grid;grid-gap:2em;grid-template-columns:3fr 2fr}@media screen and (max-width:768px){.accordion .accordion-row .content.multi-column{grid-template-columns:1fr}}.accordion .accordion-row.active .label:after{transform:rotate(-180deg)}.accordion .accordion-row.active .content{max-height:var(--row-height)}