.tab-group{display:flex;flex-direction:column}.tab-group>.tabs{display:flex;flex-direction:row;align-items:end}.tab-group>.tabs>.tab{background-color:var(--light);color:var(--on-light);padding-inline:var(--spacing);padding-block:calc(var(--spacing) / 2);cursor:pointer;opacity:.6}.tab-group>.tabs>.tab.active{opacity:1}.tab-group>.tab-bodies>.tab-body{display:none;background-color:var(--light);color:var(--on-light);padding:calc(var(--spacing) / 2)}.tab-group>.tab-bodies>.tab-body.active{display:block}