.ui-tab-container{align-items:stretch;display:flex;width:100%}.ui-tab-container .tabs{align-items:stretch;display:flex;flex-direction:column;margin-bottom:0;position:relative;width:50%}.ui-tab-container .tabs:before{background:var(--purple-dark);content:"";inset:0;opacity:.05;position:absolute}.ui-tab{background:transparent;cursor:pointer;padding:1.5rem 2.25rem;position:relative;transition:background .2s ease}.ui-tab .tab-status,.ui-tab:hover{background:var(--white)}.ui-tab .tab-status{border-radius:50%;box-shadow:var(--box-shadow-med);height:2rem;left:-1rem;position:absolute;transition:all .2s ease;width:2rem}.ui-tab.active .tab-status,.ui-tab:hover .tab-status{background:var(--purple-med)}.ui-tab:hover .tab-status:after,.ui-tab:hover .tab-status:before{background:var(--white)}.ui-tab .tab-status:after,.ui-tab .tab-status:before{background:var(--purple-med);content:"";height:2px;inset:0;margin:auto;position:absolute;transition:all .2s ease;width:.75rem}.ui-tab .tab-status:after{transform:rotate(90deg)}.ui-tab:before{background:linear-gradient(to right,var(--purple-dark) 0,var(--purple-off-med) 100%);content:"";inset:0;bottom:auto;height:2px;opacity:.1;position:absolute;transition:all .2s ease}.ui-tab.active{background:var(--white)}.ui-tab.active:before{opacity:1}.ui-tab.active .tab-status:after,.ui-tab.active .tab-status:before{background:var(--white);transition:all .2s ease;width:.5rem}.ui-tab.active .tab-status:before{transform:translate(10%,-125%) rotate(45deg)}.ui-tab.active .tab-status:after{transform:translate(10%,125%) rotate(-45deg)}.ui-tab h3{font-size:1.25rem;margin-bottom:0;position:relative}.ui-tab .ui-description{max-height:0;overflow:hidden;position:relative}.ui-tab .ui-description p{margin-top:.35rem}.ui-tab.active .ui-description{max-height:100%}.ui-images{background:linear-gradient(to right,var(--purple-off-med) 0,var(--purple-med) 100%);padding:2px;position:relative;width:50%}.ui-images .ui-tab-image{height:calc(100% - 4px);opacity:0;overflow:hidden;position:absolute;transition:all .2s ease;width:calc(100% - 4px)}.ui-images .ui-tab-image img{margin:auto;object-fit:cover;position:absolute}.ui-images .ui-tab-image.active{opacity:1}#tab-image{border:1px solid #ddd;border-radius:4px;height:auto;width:100%}@media screen and (min-width:992px){.ui-tab,.ui-tab.active{display:flex;flex-direction:column;justify-content:center}}@media screen and (max-width:991px){.ui-tab-container{flex-direction:column}.ui-tab-container .tabs{width:100%}.ui-tab-container .ui-images{height:64vw;width:100%}.ui-tab{padding:1.5rem}.ui-tab h3{font-size:1.125rem}.ui-tab.active .ui-description{max-height:none}.ui-tab .tab-status{height:1.5rem;left:-.75rem;top:1.5rem;width:1.5rem}}