.panel-component{color:var(--primary-white);transition:var(--transition);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px}.panel-component summary{cursor:pointer;border-radius:12px;align-items:center;gap:16px;padding:20px 24px;list-style:none;display:flex}.panel-component summary::-webkit-details-marker{display:none}.panel-component .panel-title{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.panel-component .panel-title h2{color:var(--primary-white);margin:0;font-size:26px;line-height:32px}.panel-component .panel-title p{color:var(--primary-white)}.panel-component .chevron{border-right:2px solid var(--primary-white);border-bottom:2px solid var(--primary-white);flex:none;width:12px;height:12px;margin-right:6px;transition:transform .15s ease-in-out;transform:rotate(45deg)}.panel-component .panel-body{padding:0 24px 24px}.panel-component:hover{border-color:#fcb50080}.panel-component[open] summary{border-bottom:1px solid #ffffff1f;border-radius:12px 12px 0 0;margin-bottom:24px}.panel-component[open] .chevron{transform:rotate(-135deg)}@media (max-width:767px){.panel-component summary{padding:16px}.panel-component .panel-body{padding:0 16px 16px}.panel-component[open] summary{margin-bottom:16px}}@media (min-width:768px){.panel-component .panel-title h2{font-size:30px;line-height:36px}}