.accordion-header{display:flex;align-items:center;justify-content:space-between;color:#fff;background-color:#39f;border:1px solid #ccc;border-radius:6px;padding:10px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .3s ease}.accordion-header:hover{background-color:#0d86ff;border-color:#0080ff}.accordion-title{flex-grow:1;text-align:center;font-weight:500;color:#fff}.accordion-chevron{width:10px;height:10px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);transition:transform .3s ease}.accordion-chevron.rotated{transform:rotate(-135deg)}.accordion-enter-active,.accordion-leave-active{transition:clip-path .6s ease,opacity .6s ease}.accordion-enter-from,.accordion-leave-to{opacity:0;clip-path:inset(0 0 100% 0)}.accordion-enter-to,.accordion-leave-from{opacity:1;clip-path:inset(0 0 0 0)}