.tabs-container{display:flex;flex-direction:column;justify-content:space-between}.tab-container{width:100%}.tab{background-color:#fff;border-radius:var(--border-radius);cursor:pointer;flex-direction:column;padding:20px 24px;transition:all .15s ease-in-out}.tab,.tab-title-container{display:flex;position:relative}.tab-title-container{align-items:center;gap:16px;justify-content:space-between}.tab-title{font-size:1rem;font-weight:700;transition:all .25s ease}.tab-icon svg{fill:var(--primary-base);height:15px;transition:all .25s ease;width:15px}.tab-desc{color:var(--purple-base);font-size:.8889rem;padding-top:12px}.tab-desc-container{height:0;overflow:hidden;transition:all .25s ease-out}.tab-content-container{position:relative;width:100%}.tab-content{height:100%;left:37%;opacity:0;position:absolute;top:calc(50% + 100px);transform:translate(-50%,-50%);transition:top .4s linear,opacity .2s linear;width:100%;will-change:opacity}.tab-content__img{left:0;max-height:100%;object-fit:contain;position:absolute;top:0;width:100%}.tab[data-state=active]{background:#eef9fe}.tab[data-state=active] .tab-icon svg{transform:rotate(-180deg)}.tab-content[data-state=active]{opacity:1;top:50%;transition:top .4s linear,opacity .4s linear .1s}@media (hover:hover){.tab:hover .tab-title{color:var(--primary-base)}}@media (max-width:640px){.tab-content-container{display:none}.tab__img{margin:16px 0}}@media (min-width:768px){.tabs-container{flex-direction:row}.tab-container{width:33%}.tab-content-container{width:58%}.tab__img{display:none}}