.accordion{display:flex;flex-direction:column;gap:1rem}.accordion__item:not(.open):hover .accordion__toggle{transform:rotate(90deg)}.accordion__header{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.accordion__toggle{position:relative;transition:400ms;margin-left:auto}.accordion__toggle::after,.accordion__toggle::before{content:"";display:block;width:14px;height:2px;background-color:#000;transition:400ms}.accordion__toggle::after{position:absolute;top:0;transform:rotate(90deg)}.open .accordion__toggle{transform:rotate(-180deg)}.open .accordion__toggle:after{transform:rotate(180deg)}.accordion__content{display:none;margin-top:1rem}.accordion--horizontal{display:flex;width:100%;max-width:100%;overflow:hidden;gap:0}.accordion--horizontal .accordion__item{display:flex;flex:0 0 min-content;min-width:0;overflow:hidden;transition:flex-grow 300ms ease}.accordion--horizontal .accordion__item.open{flex-grow:1}.accordion--horizontal .accordion__item.open .accordion__content{width:auto;max-height:200rem;opacity:1}.accordion--horizontal .accordion__header{flex:0 0 auto;justify-content:flex-start;align-items:flex-start;gap:1rem;padding:1rem}.accordion--horizontal .accordion__header>*{margin:0;white-space:nowrap;writing-mode:vertical-rl;transform:rotate(180deg)}.accordion--horizontal .accordion__content{display:block;flex:1 1 auto;width:0;max-height:0;min-width:0;margin-top:0;overflow:hidden;opacity:0;transition:max-height 300ms ease,opacity 300ms ease}.accordion--horizontal .accordion__content-wrap{width:100%;min-width:0}