:root{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-caret-down-fill' viewBox='0 0 16 16'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-opacity='.7' stroke-width='2' d='M1 11 11 1m0 0H1m10 0v10'/%3E%3C/svg%3E")}details{border:1px solid #ccc;border-radius:5px;margin-bottom:10px;padding:0;transition:all .3s ease-in-out}.accordion-content,summary{padding:16px}summary{align-items:center;color:#3d3d3d;cursor:pointer;display:flex;font-weight:700;justify-content:space-between;list-style:none;position:relative}summary::-webkit-details-marker{display:none}summary:after{align-items:center;background-color:#3d3d3cb2;content:"";display:flex;height:18px;justify-content:center;mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-size:cover;-webkit-mask-size:cover;transform:rotate(0deg);transition:all .3s ease;width:18px}details:hover summary:after,details[open] summary:after{background-color:#bb243e}details:hover summary,details[open] summary{color:#bb243e}details:hover,details[open]{background:#eae9e880}details[open] summary:after{transform:rotate(90deg)}details>div{height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease}details[open]>div{height:inherit;opacity:1}.accordion-content p{margin-top:0}.accordion-content img{border-radius:8px}ul.accordion-list{align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;list-style:none;margin:20px 16px 0;padding:0}ul.accordion-list li{display:flex;gap:8px;width:100%}ul.accordion-list li svg{height:17px}