tab-group{display:flex;flex-direction:column;gap:1rem}tab-group .tab-group__tabs{display:flex;gap:1rem}tab-group [role=tab]{text-transform:uppercase;font-size:.625rem;letter-spacing:.02rem;opacity:.5;padding:.5rem 0;cursor:pointer;font-weight:600;color:var(--color-body);border:none;border-bottom:2px solid transparent}tab-group [role=tab]:hover{border-color:var(--color-grey-30)}tab-group [role=tab][aria-selected=true]{opacity:1;border-color:var(--color-grey-30)}tab-group .tab-group__panels{display:grid;flex-wrap:nowrap;width:100%;overflow:hidden}tab-group [role=tabpanel]{grid-area:1/1;transition-behavior:allow-discrete;transition:transform .4s cubic-bezier(.32,.72,0,1),opacity .4s,visibility .4s,height 0s .4s}tab-group [role=tabpanel]:not([aria-hidden]),tab-group [role=tabpanel][aria-hidden=true]{opacity:0;transform:translate(100%);visibility:hidden;height:100px;overflow:visible}tab-group [role=tabpanel][aria-hidden=false]{opacity:1;transform:translate(0);visibility:visible;height:auto}