.accordions{margin-bottom:40px}.accordion{margin-bottom:15px}.accordion .accordion-panel{background:rgb(var(--color-shade));cursor:pointer;z-index:5;border-radius:50px;position:relative}.accordion .accordion-panel .accordion-title{text-transform:uppercase;padding:10px 50px 10px 30px;font-weight:700}.accordion .accordion-panel .accordion-title:focus-visible{outline:2px dotted rgb(var(--color-darkest));border-radius:50px}.accordion .accordion-panel .accordion-icon i{color:rgb(var(--color-highlight));background:rgb(var(--color-lightest));font-size:var(--fontsize-l);pointer-events:none;border-radius:30px;width:45px;height:45px;padding:8px;position:absolute;top:4px;right:4px}.accordion .accordion-panel .accordion-icon i.icon-chevron-up{display:none}.accordion .accordion-body{grid-template-rows:0fr;transition:grid-template-rows .3s,padding .3s;display:grid;position:relative}.accordion .accordion-body:before{content:"";background:rgb(var(--color-shade-soft));opacity:0;z-index:0;width:100%;height:35px;transition:top .3s,opacity .3s;position:absolute;top:-35px;left:0}.accordion .accordion-body>*{background:rgb(var(--color-shade-soft));border-radius:10px;min-height:0;padding:0 30px;overflow:hidden}.accordion .accordion-body>* h2{margin-top:15px}.accordion .accordion-body>* h3{margin-top:15px}.accordion.open .accordion-panel{background:rgb(var(--color-darkest));color:rgb(var(--color-lightest))}.accordion.open .accordion-panel .accordion-icon .icon-chevron-down{display:none}.accordion.open .accordion-panel .accordion-icon .icon-chevron-up{display:block}.accordion.open .accordion-body{grid-template-rows:1fr}.accordion.open .accordion-body>*{padding:20px 30px}.accordion.open .accordion-body:before{opacity:1;top:-25px}:is(.content--shade-soft-1,.content--shade-soft-2,.content--shade-1,.content--shade-2) .accordion .accordion-body>*{background:rgb(var(--color-lightest))}:is(.content--shade-soft-1,.content--shade-soft-2,.content--shade-1,.content--shade-2) .accordion .accordion-body:before{background:rgb(var(--color-lightest))}:is(.content--shade-1,.content--shade-2) .accordion-panel{background:rgb(var(--color-lightest))}:is(.content--shade-1,.content--shade-2) .accordion-panel .accordion-icon i{background:rgb(var(--color-shade))}.content--darkest .accordion{color:rgb(var(--color-darkest))}.content--darkest .accordion.open .accordion-panel{background:rgb(var(--color-shade-soft));color:rgb(var(--color-darkest))}.content--darkest .accordion .accordion-title:focus-visible{outline:2px dotted rgb(var(--color-lightest))}.content--darkest .accordion .accordion-body>*{background:rgb(var(--color-lightest))}.content--darkest .accordion .accordion-body:before{background:rgb(var(--color-lightest))}.content--darkest .accordion .accordion-body h2{background:rgb(var(--color-darkest));color:rgb(var(--color-lightest))}.content--darkest .accordion .accordion-body .link--box{background:rgb(var(--color-highlight));color:rgb(var(--color-lightest))}.content--darkest .accordion .accordion-body .link--box:hover{background:rgb(var(--color-darkest))}