.accordion-1 div{border-left:2px solid var(--skross-primary-color);border-right:2px solid var(--skross-primary-color);border-bottom:2px solid var(--skross-primary-color);border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding:1.5em}.accordion-1 div>*+*{margin-top:1.5em}.accordion-1+.accordion-1{margin-top:.5rem}summary{list-style:none}summary::-webkit-details-marker{display:none}.accordion-1 summary{border:2px solid var(--skross-primary-color);border-radius:8px;padding:.8em 1em;cursor:pointer;position:relative;padding-left:calc(3.75rem + .8rem + .8rem)}.accordion-1 summary:before{position:absolute;top:50%;transform:translateY(-50%);left:.75rem;content:"↓";width:1.75rem;height:1.75rem;background-color:var(--skross-primary-color);color:var(--skross-white-color);display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;padding:5px;border-radius:8px}.accordion-1[open] summary{background-color:var(--skross-grey-color)}.accordion-1[open] summary:before{content:"↑"}.accordion-1 summary:hover{background-color:var(--skross-grey-color)}.accordion-2 div.content{padding:1.5em}.accordion-2+.accordion-2{margin-top:.5rem}summary{list-style:none}summary::-webkit-details-marker{display:none}.accordion-2.rounded summary{border-radius:8px;&:before { border-radius:8px; }}.accordion-2 summary{border-bottom:2px solid var(--skross-black-color);background-color:var(--skross-white-color);padding:2em;cursor:pointer;position:relative;padding-left:calc(3.75rem + .8rem + .8rem);font-weight:700;font-size:2.4rem;border-radius:20px 20px 0 0;transition:all .4s ease}.accordion-2 summary.compact{padding:1em;font-weight:500;font-size:1.6rem}.accordion-2 summary:after{position:absolute;top:50%;transform:translateY(-50%);right:.75rem;content:"+";width:2.75rem;height:2.75rem;background-color:var(--skross-primary-color);color:var(--skross-white-color);display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;padding:5px;border-radius:8px;transition:transform .3s ease-in-out}.accordion-2[open] summary{border-radius:20px 20px 0 0}.accordion-2[open] summary:after{content:"+";transform:translateY(-50%)rotate(-45deg)}.accordion-2 summary:hover{}.accordion-3 .content{padding:1.5em;margin-top:1.5em}.accordion-3+.accordion-3{margin-top:.5rem}summary{list-style:none}summary::-webkit-details-marker{display:none}.accordion-3 summary{background-color:var(--skross-white-color);padding:1em;cursor:pointer;position:relative;border-radius:var(--skross-border-radius);font-weight:600;padding-right:60px}.accordion-3 summary:after{position:absolute;top:50%;transform:translateY(-50%);right:1.75rem;content:"↓";width:1.75rem;height:1.75rem;background-color:var(--skross-primary-color);color:var(--skross-white-color);display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;padding:5px;border-radius:8px}.accordion-3[open] summary{background-color:var(--skross-grey-color)}.accordion-3[open] summary:after{content:"↑"}.accordion-3 summary:hover{background-color:var(--skross-grey-color)}