.accordion{display:grid;gap:1rem}.accordion-item{--max-height:500px;position:relative}.accordion-item .accordion-item-header{background-color:var(--color-white);padding:1.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem}.accordion-item .accordion-item-header>*{pointer-events:none}.accordion-item .accordion-header-text{flex:1 1 auto}.accordion-item .accordion-item-body{transition:all .3s ease;max-height:0;overflow:hidden;padding:0 1.5rem;height:max-content;max-height:0;background:var(--color-white)}.accordion-item .opened-icon{transition:transform .3s ease}.accordion-item .completed-icon{display:none;color:var(--color-green)}.accordion-item .error-icon{color:var(--color-ui-error);display:none}.accordion-item.open .accordion-item-body{padding:.5rem 1.5rem 1.5rem 1.5rem;max-height:var(--max-height);overflow-y:auto;overflow-x:hidden;overflow-wrap:anywhere}.accordion-item.open .opened-icon{transform:rotate(90deg)}.accordion-item.disabled{opacity:.7;cursor:not-allowed}.accordion-item.disabled .opened-icon{display:none}.accordion-item.disabled .accordion-item-header{cursor:not-allowed;font-weight:300;background:var(--color-light-grey)}.accordion-item.completed .completed-icon{display:unset}.accordion-item.completed .opened-icon{display:none}.accordion-item.errored .error-icon{display:unset}