.accordion{display:flex;flex-direction:column}.accordion,.tab,.tab__header{position:relative}.tab__header{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:space-between;padding:1.5rem 0}.tab__header h4{font-size:1rem;margin:0}.tab__header input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.tab__content{margin-right:3rem}.tab:not(:has(input:checked)) .tab__content{max-height:0;opacity:0;overflow:hidden;transition:all .3s ease-in-out}.tab:has(input:checked) .tab__content{max-height:1000vh;opacity:1;transition:all .5s ease-in-out}.tab--icon,.tab--icon svg{height:1.5rem}.tab:not(:has(input:checked)) .icon--opened{display:none}.tab:has(input:checked) .icon--closed{display:none}