.sr-tabs-horizontal [hidden]{display:none}.sr-tabs-horizontal .tabs-nav{display:flex;flex-direction:column;gap:16px;list-style:none;margin:0;padding:0}.sr-tabs-horizontal .tab-nav button{-webkit-appearance:none;background:none;border:none;display:flex;gap:12px;height:100%;opacity:.6;text-align:left;transition:opacity .2s ease-in-out;width:100%}.sr-tabs-horizontal .tab-nav button:hover,.sr-tabs-horizontal .tab-nav button[data-state=active]{opacity:1}.sr-tabs-horizontal .tab-nav-icon{align-self:center;opacity:0;transition:opacity .2s ease-in-out}.sr-tabs-horizontal .tab-nav button:hover .tab-nav-icon,.sr-tabs-horizontal .tab-nav button[data-state=active] .tab-nav-icon{opacity:1}.sr-tabs-horizontal [role=tabpanel],.sr-tabs-horizontal [role=tabpanel]>.row{height:100%}@media (max-width:993px){.sr-tabs-horizontal .tab-nav button{align-items:center;justify-content:start}.sr-tabs-horizontal .tabs-nav{flex-direction:row;gap:5px;overflow-x:scroll;scroll-snap-type:x proximity;white-space:nowrap}.sr-tabs-horizontal .tabs-nav>li{min-width:50vw;scroll-snap-align:center;white-space:normal}}.sr-tabs-horizontal .tab-nav-title p{font-size:.875rem}.tab-heading,.tabs-nav__button svg{color:inherit}[data-state=active] .tab-heading,[data-state=active] svg,[data-state=active] svg *{color:var(--primary)}