.diagram-container{position:relative}.diagram-overlay{bottom:-1rem;max-width:25rem;position:absolute;top:-1rem;transition:all .2s ease;width:100%;z-index:1}.diagram-tabs{display:flex;flex-direction:column;height:100%;justify-content:center;padding:.5rem 0}.diagram-section .tab{position:relative;transition:all .2s ease}.diagram-section .tab:hover{background:var(--white-sub)}.diagram-section .tab:not(.active){cursor:pointer}.diagram-section .tab.active{background:var(--white);margin:.5rem 0;padding:.5rem 0 1rem}.diagram-section .tab.active:first-child{padding-top:0}.diagram-section h3{font-size:1.25rem}.diagram-section .tab input{opacity:0;position:absolute;z-index:-1}.diagram-section .tab__content{max-height:0;overflow:hidden;padding:0 1.5rem;transition:all .35s}.diagram-section .tab input:checked~.tab__content{max-height:none}.diagram-section .tab:not(:last-child):after,.tab:not(:first-child):before{background:var(--purple-dark);height:2px;left:1.5rem;margin:0 auto;opacity:.1;position:absolute;right:1.5rem}.tab:not(:first-child):before{top:0}.tab:not(:last-child):after{bottom:0}.diagram-section .tab:not(:last-child).active:after,.tab:not(:first-child).active:before{content:""}.diagram-section .tab__content .buttons{margin-top:1rem;padding-bottom:.5rem}.diagram-section .tab__close,.diagram-section .tab__label{cursor:pointer;display:flex}.diagram-section .tab__label{align-items:center;color:var(--purple-med);font-weight:500;padding:.6125rem 1.5rem}.diagram-section .tab__label h3{font-size:1.25rem;margin-bottom:0}.diagram-section .tab__label:before{align-items:center;background:var(--white-off);border-radius:50%;color:var(--purple-text);content:"\276F";display:flex;font-size:.75rem;height:1.15rem;justify-content:center;line-height:0;margin-right:.5rem;text-align:center;transform:rotate(90deg);transition:all .35s;transition:all .2s ease;width:1.15rem}.diagram-section .tab:hover .tab__label:before{background:var(--purple-med);color:var(--white)}.diagram-section .tab input:checked+.tab__label:before{background:var(--purple-med);color:var(--white);transform:rotate(0deg)}.diagram-section .tab__close{font-size:.75rem;justify-content:flex-end;padding:.5rem 1rem}.diagram-element{transition:all .2s ease}.diagram-element:not(.active){filter:grayscale(1) sepia(30%) hue-rotate(200deg) contrast(.1) brightness(1.66)}.diagram-container.left-fade:before{background:url(https://get.leapfin.com/hubfs/accents/bg_grain_purple_fade.png);bottom:0;content:"";height:100%;margin:auto 0;position:absolute;top:0;width:200px;z-index:1}.diagram-section .tab input:not(:checked)+.tab__label:hover:after{animation:bounce .5s infinite}@keyframes bounce{25%{transform:rotate(90deg) translate(.25rem)}75%{transform:rotate(90deg) translate(-.25rem)}}@media screen and (min-width:1341px){.diagram-arrow{border-bottom:.75rem solid transparent;border-top:.75rem solid transparent;content:"";display:none;height:0;position:absolute;top:0;width:0;z-index:0}.diagram-arrow.left-arrow{border-right:.75rem solid var(--white);left:-.75rem}.diagram-arrow.right-arrow{border-left:.75rem solid var(--white);right:-.75rem}.diagram-overlay[data-arrow=left] .diagram-arrow.left-arrow,.diagram-overlay[data-arrow=right] .diagram-arrow.right-arrow{display:block}}@media screen and (max-width:1340px){.diagram-section .container{max-width:40rem}.diagram-overlay{bottom:0;left:0!important;max-width:100%;position:relative;right:0!important;top:0;width:100%}.diagram-container{display:flex;flex-direction:column-reverse}.diagram{margin-bottom:1.5rem}}