.hover-tabs{align-items:start;display:grid;gap:4rem;grid-template-columns:minmax(24rem,38rem) 1fr}.hover-tabs .hover-tabs__left{border-right:.1rem solid var(--gray);display:flex;flex-direction:column;min-height:100%}.hover-tabs .hover-tabs__right{display:grid;padding:1rem 0}.hover-tabs .hover-tabs__panel{grid-area:1/1;min-width:0}.hover-tabs .hover-tabs__panel[hidden]{display:block!important;pointer-events:none;visibility:hidden}.hover-tabs .hover-tabs__tab{appearance:none;background:none!important;border:0;border-radius:0;color:#000!important;cursor:pointer;font-size:2rem;font-weight:700;line-height:1.12;padding:1.4rem 3rem 1.4rem 0;text-align:left;transition:opacity .18s ease}.hover-tabs .hover-tabs__tab:hover{background:none;border-right:.5rem solid var(--primary-color);color:#000}.hover-tabs .hover-tabs__tab:hover span{transform:translateX(.25rem);transition:transform .28s ease}.hover-tabs .hover-tabs__tab.is-active{border-right:.5rem solid var(--primary-color);color:#000}.hover-tabs.is-hovering .hover-tabs__tab:not(.is-active){opacity:.25}.hover-tabs .hover-tabs__panel.is-active span{opacity:1;transform:translateY(0)}.hover-tabs .hover-tabs__panel h3{font-size:2.4rem}.hover-tabs .hover-tabs__panel ul{font-size:1.8rem;margin-left:0}@media (max-width:900px){.hover-tabs{gap:2.4rem;grid-template-columns:1fr}.hover-tabs .hover-tabs__left{border-bottom:.1rem solid var(--gray);border-right:none;padding-bottom:1rem;padding-right:0}.hover-tabs .hover-tabs__tab{font-size:1.8rem;padding:1.4rem 0 1.4rem 2rem}.hover-tabs .hover-tabs__tab.is-active{border-left:.5rem solid var(--primary-color);border-right:none;color:#000}}