.accordion{display:flex;flex-direction:column;gap:.5rem}.accordion summary::-webkit-details-marker{display:none}.accordion summary::marker{content:''}.accordion .item{background:var(--white);border-radius:var(--border-radius-small);overflow:hidden}.accordion .heading{position:relative;padding:1rem 2.5rem 1rem 1.5rem;transition-duration:0.3s;cursor:pointer}.accordion .heading:hover{background:var(--color-2);color:var(--white)}.accordion .open>.heading{background:var(--color-2);color:var(--white)}.accordion .heading:focus-visible:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:color-mix(in oklab,var(--color-1) 25%,transparent)}.accordion .icon{position:absolute;top:50%;right:1.25rem;transform:translateY(-50%);transform-origin:center;width:.8rem;height:.8rem;transition-duration:var(--transition-duration)}.accordion .icon:before,.accordion .icon:after{content:"";display:block;position:absolute;background:var(--text-color)}.accordion .heading:hover .icon:before,.accordion .heading:hover .icon:after,.accordion .open>.heading .icon:before,.accordion .open>.heading .icon:after{background:var(--black)}.accordion .content{overflow:hidden;height:0;transition:height var(--transition-duration) ease}.accordion .inner-content{padding:var(--spacing-default)}.accordion .icon:before{top:50%;right:0;transform:translateY(-50%);width:100%;height:2px}.accordion .icon:after{top:0;right:50%;transform:translateX(50%);width:2px;height:100%}.accordion .open>.heading>.icon{transform:translateY(-50%) rotate(-135deg)}.accordion-sub-heading{margin-top:4px;background:var(--color-1);padding:2px 10px;border-radius:3px;color:var(--white);font-size:var(--font-size-tiny)}