.accordion{--text-color:var(--clr-text-base);--indicator-color-inactive:var(--clr-green-200);--indicator-color:var(--clr-primary);--link-color:var(--clr-primary);--link-color-hover:var(--clr-primary)}.accordion--text-light{--text-color:var(--clr-white);--indicator-color-inactive:hsla(0,0%,100%,.3);--indicator-color:var(--clr-white);--link-color:var(--clr-white);--link-color-hover:var(--clr-white)}.accordion__main-layout-wrapper{display:flex;flex-direction:row}.accordion__header-wrapper{flex:0 0 250px;min-width:0;padding-top:var(--s-2)}.accordion__main-title{color:var(--text-color);font-family:var(--font-family-heading);margin-bottom:var(--s-8)}.accordion__content-and-image-wrapper{flex:1 1 auto;min-width:0}.accordion__layout-wrapper{align-items:var(--align-items);display:flex;flex-direction:row;gap:var(--s-12)}.accordion__items-list-wrapper{flex:1 1 50%;min-width:0}.accordion__image-display-wrapper,.accordion__video-display-wrapper{align-items:flex-start;display:flex;flex:1 1 50%;min-width:0}.accordion__image-container,.accordion__video-container{border-radius:var(--border-radius-md);overflow:hidden;position:relative;width:100%}.accordion__video-container{--video-padding:var(--s-4);background-color:var(--clr-secondary);padding:var(--video-padding)}.accordion__image,.accordion__video{border-radius:var(--border-radius-sm);display:block;height:auto;object-fit:cover;transition:opacity .3s ease-in-out,transform .3s ease-in-out;width:100%}.accordion__image.is-changing,.accordion__video.is-changing{opacity:0;transform:scale(.95)}.accordion__item{margin-bottom:var(--s-4);padding-left:calc(10px + var(--s-4));position:relative}.accordion__indicator{background-color:var(--indicator-color-inactive);border-radius:5px;bottom:0;left:0;position:absolute;top:0;transition:background-color .3s linear;width:10px;z-index:1}.accordion__item.is-open .accordion__indicator,.accordion__item:hover .accordion__indicator{background-color:var(--indicator-color)}.accordion__item-main-content{position:relative;z-index:0}.accordion__item-title{color:var(--text-color);cursor:pointer;font-weight:var(--fw-bold);padding:0;position:relative;&:focus-visible{outline:2px solid var(--clr-black);outline-offset:2px}}.accordion__panel{max-height:0;overflow:hidden;transition:max-height .35s linear}.accordion__content-inner{color:var(--text-color)}.accordion__link{color:var(--link-color);font-size:var(--fs-s3);margin-top:var(--s-6)}.accordion__link:focus-visible,.accordion__link:hover{color:var(--link-color-hover)}.accordion__video-controls{bottom:calc(var(--video-padding) + 5px);height:32px;left:calc(var(--video-padding) + 5px);position:absolute;width:32px}.accordion__video-controls button{background:none;border:none;color:var(--clr-primary);height:100%;left:0;margin:0;opacity:.8;padding:0;position:absolute;top:0;transition:opacity .2s ease-in-out;width:100%;&:focus-visible,&:hover{opacity:1}}@media (max-width:991px){.accordion__main-layout-wrapper{flex-direction:column;gap:var(--s-8)}.accordion__header-wrapper{flex-basis:auto;padding-top:0;text-align:center}}@media (max-width:767px){.accordion__layout-wrapper{flex-direction:column-reverse;gap:var(--s-6)}.accordion__image-display-wrapper,.accordion__items-list-wrapper,.accordion__video-display-wrapper{flex-basis:auto}.accordion__video-container{--video-padding:var(--s-2)}.accordion__image-container,.accordion__video-container{margin-bottom:var(--s-6)}.accordion__header-wrapper{text-align:left}}