.vertical-tab{display:flex;gap:calc(var(--spacing-base)*8)}.vertical-tab__text,.vertical-tab__title{display:flex;flex-direction:column;gap:calc(var(--spacing-base)*4)}.vertical-tab__item{border-left:3px solid transparent;border-radius:calc(var(--spacing-base)*2);display:flex;flex-direction:column;padding:calc(var(--spacing-base)*4);position:relative;transition:border-color .25s ease-in-out,background-color .25s ease-in-out,box-shadow .25s ease-in-out}.vertical-tab__item:before{content:"";display:flex;height:50%;left:0;position:absolute;top:50%;transition:background-color .25s ease-in-out,left .25s ease-in-out;translate:0 -50%;width:2px}.vertical-tab__item:after{border-radius:inherit;content:"";display:flex;inset:0;pointer-events:none;position:absolute;transition:box-shadow .25s ease-in-out}.vertical-tab__item input[type=radio]{appearance:none;cursor:pointer;inset:0;position:absolute}.vertical-tab__item:has(input[type=radio]:checked){border-color:var(--first-color);box-shadow:0 8px 24px rgba(var(--black-color-rgb),.08)}.vertical-tab__item:not(:has(input[type=radio]:checked)):hover{background-color:rgba(var(--light-gray-color-rgb),.3);border-color:rgba(var(--first-color-rgb),.3)}.vertical-tab__item input[type=radio]:focus{outline:none}.vertical-tab__item-description,.vertical-tab__item-title{pointer-events:none}.vertical-tab__description-container{max-height:var(--max-height);overflow:hidden;transition:max-height .25s ease-in-out}.vertical-tab__item:not(:has(input[type=radio]:checked)) .vertical-tab__description-container{max-height:0}.vertical-tab__item-description{height:fit-content;padding-top:var(--spacing-base)}.vertical-tab__item-title{align-items:center;color:var(--black-color);display:inline-flex;font-weight:var(--primary-font-weight-bold);gap:calc(var(--spacing-base)*3)}.vertical-tab__item-title:before{background-color:rgba(var(--medium-gray-color-rgb),.3);border-radius:50%;content:"";display:flex;flex-shrink:0;height:10px;transition:background-color .25s ease-in-out;width:10px}.vertical-tab__item:has(input[type=radio]:checked) .vertical-tab__item-title:before{background-color:var(--first-color)}.vertical-tab__visuals{position:relative}.vertical-tab__visual-container{background-color:var(--black-color);border-radius:calc(var(--spacing-base)*6);display:flex;flex-direction:column;gap:calc(var(--spacing-base)*4);height:fit-content;left:0;opacity:0;overflow:hidden;padding:calc(var(--spacing-base)*8);position:absolute;top:50%;transition:opacity .5s ease-in-out;translate:0 -50%;width:100%}.vertical-tab__visual-container img{height:auto;width:100%}.vertical-tab__visual-title{color:var(--white-color);font-size:20px;font-weight:var(--primary-font-weight-bold);line-height:30px}.vertical-tab__visual-container:before{background-color:var(--shape-color);border-radius:50%;content:"";display:flex;filter:blur(80px);height:280px;opacity:.3;position:absolute;right:0;top:0;translate:50% -50%;width:280px;z-index:-1}@media (width <= 992px){.vertical-tab__visuals{display:none}}@media (width >= 992px) and (width < 1366px){.vertical-tab__text{flex:0 0 calc(59% - var(--spacing-base)*8)}.vertical-tab__visuals{flex:0 0 41%}}@media (width >= 1366px){.vertical-tab__text{flex:0 0 calc(67% - var(--spacing-base)*8)}.vertical-tab__visuals{flex:0 0 33%}}