.m8-tabs{display:flex;gap:.75rem;max-width:-moz-fit-content;max-width:fit-content;margin:0 auto;padding:.5rem;border:1px solid var(--gray-200);border-radius:var(--radius-12);overflow:auto;box-sizing:border-box;font-family:var(--font-sans)}
.m8-tabs--gray{background-color:var(--gray-100)}
.m8-tabs--lg{gap:1.25rem}
.m8-tabs--sticky{position:sticky;top:var(--navbar-height);z-index:1}
.m8-tabs__tab{flex:none;padding:.75rem 1rem;border:0;border-radius:var(--radius-6);background-color:transparent;color:var(--gray-500);text-align:center;font:500 var(--font-size-text-md)/1.3 var(--font-sans);cursor:pointer;transition:box-shadow .2s,opacity .2s,background-color .2s}
.m8-tabs--lg .m8-tabs__tab{padding:1rem 1.5rem}
.m8-tabs__tab.is-active{background-color:var(--white);color:var(--gray-700);font-weight:600;box-shadow:var(--shadow-tab-active)}
.m8-tabs__tab:focus-visible{outline:2px solid var(--blue-200);outline-offset:2px}
@media (hover:hover) and (pointer:fine){.m8-tabs__tab:is(:hover,:focus-visible){background-color:var(--white);color:var(--gray-700);box-shadow:var(--shadow-tab-active)}}
.m8-tabs-panel{animation:m8-tab-in .3s ease}
@keyframes m8-tab-in{from{opacity:0}to{opacity:1}}