.accordion{width:100%;display:flex;flex-direction:column;gap:.5rem;padding:0;margin:0;list-style:none;.item{background:var(--pale);width:100%;border-radius:0;overflow:hidden}.title{position:relative;width:100%;padding:1rem 2.5rem 1rem 1.5rem;border:none;font-size:1.4rem;font-weight:600;text-align:left;transition-duration:0.3s;cursor:pointer;.icon{position:absolute;top:50%;right:1.25rem;transform:translateY(-50%);transform-origin:center;width:.8rem;height:.8rem;transition-duration:var(--transition-duration);&:before,&:after{content:"";display:block;position:absolute;background:var(--black-alpha-2)}}}.title:hover{background:var(--color-1);color:var(--white);.icon:before,.icon:after{background:var(--white)}}.open>.title{background:var(--color-1);color:var(--white);.icon:before,.icon:after{background:var(--white)}}.content{overflow:hidden;max-height:0;transition-duration:0.3s}.inner-content{padding:1rem 1.5rem;opacity:0;visibility:hidden;transition-duration:0.3s}}.accordion>.item.open .inner-content{opacity:1;visibility:visible}