.accordions{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:5px 42px 5px 15px;background-color:var(--color-highlight, #1d71b8);color:var(--color-minor, #fff)}@media screen and (min-width: 1021px){.accordions .accordion-title{height:40px;line-height:40px;padding:0 42px 0 15px}}.accordions .accordion-icon{position:absolute;right:0;top:50%;transform:translateY(-50%);width:42px;height:40px;line-height:40px;color:var(--color-minor, #fff);border-left:2px solid var(--color-minor, #fff);pointer-events:none}.accordions .accordion-icon>i{position:absolute;left:0;right:0;bottom:0;top:0;line-height:40px;text-align:center;font-size:20px;transition:opacity .3s ease-in-out}.accordions .accordion-icon>.icon-minus{opacity:0}.accordions .accordion-body{padding:var(--width-margin, 30px);}.accordions .accordion.open .accordion-icon>.icon-minus{opacity:1}.accordions .accordion.open .accordion-icon>.icon-plus{opacity:0}