:root{--primary:#012839;--grey:#fff;--border-radius:5px}.tab{position:relative;margin-bottom:10px}.tab-content{max-height:0;overflow:hidden;transition:max-height .35s ease;background-color:var(--grey)}.tab[open] .tab-content{max-height:1000px}.accordion{color:var(--primary);overflow:hidden}.tab-label{display:flex;justify-content:space-between;padding:1rem;background-color:var(--primary);color:#fff;cursor:pointer;list-style:none}.tab-label::-webkit-details-marker{display:none}.tab-label::after{content:"\276F";width:1em;height:1em;text-align:center;transform:rotate(90deg);transition:transform .35s ease}.tab[open]>.tab-label::after{transform:rotate(270deg)}.tab-content p{margin:0;padding:1rem}.tab__close{display:flex;justify-content:flex-end;padding:.5rem 1rem;font-size:.75rem;color:#fff;background:var(--primary)}.tab:not([open])>.tab-label:hover::after{animation:bounce .5s infinite}