:root{--tabs-gap:var(--spacing-xl);--tabs-margin:1rem;--tabs-padding:1rem;--tabs-nav-direction:row;--tabs-item-direction:column}@media (min-width:768px){:root{--tabs-gap:0;--tabs-nav-direction:column;--tabs-item-direction:row;--tabs-h2-size:1.75rem}}@media (min-width:1024px){:root{--tabs-h2-size:2.125rem}}@media (min-width:1540px){:root{--tabs-h2-size:3rem}}.tabs{display:flex;flex-direction:column;grid-gap:var(--spacing-xl);gap:var(--spacing-xl);grid-gap:var(--tabs-gap);gap:var(--tabs-gap);overflow:hidden}@media (min-width:768px){.tabs{flex-direction:row}}.tabs__intro{display:flex;flex-direction:column;grid-gap:var(--spacing-xl);gap:var(--spacing-xl);text-align:center;max-width:37.5rem;margin:auto;margin-bottom:var(--spacing-40)}.tabs__intro h2{margin-bottom:0}.tabs.single .left{display:none}.tabs.single .right{width:100%}@media (min-width:768px){.tabs.single .right .tab__item .text{width:37.5%}.tabs.single .right .tab__item .image{flex:1;aspect-ratio:2/1}}.tabs .left{color:var(--color-blue-500)}@media (min-width:768px){.tabs .left{text-align:right;width:16.66667%;padding-right:var(--spacing-xl)}}@media (min-width:1024px){.tabs .left{padding-right:var(--spacing-40)}}@media (min-width:1280px){.tabs .left{padding-right:var(--spacing-80)}}.tabs .left .progress-bar{position:relative;top:-1px;z-index:-1;width:100%;height:1px;background-color:var(--color-blue-500)}@media (min-width:768px){.tabs .left .progress-bar{display:none}}.tabs .right{position:relative;z-index:1;background-color:var(--color-black);color:var(--color-white);border-radius:var(--border-radius);padding:var(--spacing-lg);overflow:hidden}@media (min-width:768px){.tabs .right{width:83.33333%;padding:var(--spacing-40)}}.tabs-nav{display:flex;flex-direction:row;flex-direction:var(--tabs-nav-direction);justify-content:space-around}@media (min-width:768px){.tabs-nav{justify-content:normal;grid-gap:var(--spacing);gap:var(--spacing)}}.tabs-nav-link{display:flex;flex-direction:column;grid-gap:var(--spacing-sm);gap:var(--spacing-sm);padding:0 var(--spacing) var(--spacing-xl);transition:var(--transition-fast);cursor:pointer}@media (min-width:768px){.tabs-nav-link h2{font-size:var(--tabs-h2-size)}}@media (min-width:768px){.tabs-nav-link{padding:0}}.tabs-nav-link .details{display:none}@media (min-width:768px){.tabs-nav-link .details{display:block}}.tabs-nav-link h2{line-height:1;margin-bottom:0}@media (max-width:640px){.tabs-nav-link h2{font-size:.875rem}}.tabs-nav-link .line{display:none}@media (min-width:768px){.tabs-nav-link .line{position:relative;display:block;width:1px;border-right:var(--border-width) solid var(--color-blue-500);border-radius:0;left:100%;height:2rem}}@media (min-width:1024px){.tabs-nav-link .line{height:var(--spacing-40)}}.tabs-nav-link.active{color:var(--color-black)}@media (max-width:640px){.tabs-nav-link.active{border-bottom:var(--border-width) solid var(--color-black)}}.tabs-content-item{visibility:hidden;transition:visibility 0s,opacity 1s,transform .5s ease-out;opacity:0;height:0;min-height:0;overflow:hidden;transform:translateX(24px)}.tabs-content-item.active{visibility:visible;height:100%;min-height:auto;opacity:1;transform:translateX(0)!important}.tabs-content-item.active .tab__item{display:flex;flex-direction:column;flex-direction:var(--tabs-item-direction);grid-gap:var(--spacing-40);gap:var(--spacing-40);height:100%}.tabs-content-item.active .tab__item .text{display:flex;flex-direction:column;grid-gap:var(--spacing);gap:var(--spacing)}@media (min-width:768px){.tabs-content-item.active .tab__item .text{justify-content:flex-end;width:30%}}.tabs-content-item.active .tab__item .text h3{margin-bottom:0}.tabs-content-item.active .tab__item .image{position:relative}@media (min-width:768px){.tabs-content-item.active .tab__item .image{width:70%}}@media (max-width:640px){.tabs-content-item.active .tab__item .image .image-container{aspect-ratio:1}}@media (min-width:768px){.tabs-content-item.active .tab__item .image .image-container{position:absolute;top:0;right:0;bottom:0;left:0}}.tabs-content-item.active .tab__item .image .image-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}