.accordions{--accordion-transition-duration: .3s;--accordion-title-padding-x: 15px;--accordion-title-padding-y: 5px;--accordion-title-height: 40px;--accordion-icon-width: 42px;--accordion-icon-font-size: 20px;--accordion-body-padding: var(--width-margin, 30px);--accordion-title-bg: var(--color-highlight, 29, 113, 184, 1);--accordion-title-color: var(--color-minor, 255, 255, 255, 1);--accordion-icon-border-color: var(--accordion-title-color);margin:var(--width-margin, 30px) 0}.accordions .accordion{margin-bottom:var(--width-margin, 30px)}.accordions .accordion:last-of-type{margin-bottom:0}.accordions .accordion-panel{width:100%;position:relative;cursor:pointer}.accordions .accordion-title{padding:var(--accordion-title-padding-y) var(--accordion-icon-width) var(--accordion-title-padding-y) var(--accordion-title-padding-x);background-color:rgba(var(--accordion-title-bg));color:rgba(var(--accordion-title-color))}@media screen and (min-width:1021px){.accordions .accordion-title{height:var(--accordion-title-height);line-height:var(--accordion-title-height);padding:0 var(--accordion-icon-width) 0 var(--accordion-title-padding-x)}}.accordions .accordion-icon{position:absolute;right:0;top:50%;transform:translateY(-50%);width:var(--accordion-icon-width);height:var(--accordion-title-height);line-height:var(--accordion-title-height);color:rgba(var(--accordion-title-color));border-left:2px solid rgba(var(--accordion-icon-border-color));pointer-events:none}.accordions .accordion-icon>i{position:absolute;inset:0;line-height:var(--accordion-title-height);text-align:center;font-size:var(--accordion-icon-font-size);transition:opacity var(--accordion-transition-duration) ease-in-out}.accordions .accordion-icon>.icon-minus{opacity:0}.accordions .accordion-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--accordion-transition-duration) ease,padding var(--accordion-transition-duration) ease;overflow:hidden;padding:0 var(--accordion-body-padding)}.accordions .accordion-body>*{min-height:0;overflow:hidden}.accordions .accordion.open .accordion-body{grid-template-rows:1fr;padding:var(--accordion-body-padding)}.accordions .accordion.open .accordion-icon>.icon-minus{opacity:1}.accordions .accordion.open .accordion-icon>.icon-plus{opacity:0}