/*!

  Radancy Component Library: TabList

  Contributor(s): 
  Michael "Spell" Spellacy

  Dependencies: Sass

*/.tablist{--tablist-color-active: #ffffff;--tablist-color-default: #d3d3d3;--tablist-color-interactive: #a9a9a9;--tablist-color-selected: #6F00EF;color:var(--tablist-color-active);position:relative}@media(min-width: 55em){.tablist:has([aria-orientation]){display:grid;grid-template-columns:17.5rem auto}}.tablist__heading{color:var(--tablist-color-selected);font-size:1.9rem;text-align:center;width:auto}.tablist__container,.tablist__list{align-self:center}.tablist__list{display:flex;flex-wrap:wrap;gap:.25rem;list-style:none;margin:0;padding:0}@media(min-width: 55em){.tablist__list[aria-orientation]{display:block}}@media(max-width: 48.625em){[data-stack] .tablist__list{display:block}}@media(max-width: 48.625em){[data-scroll] .tablist__list{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:inline mandatory;white-space:nowrap;scrollbar-color:var(--tablist-color-active) var(--tablist-color-selected);scrollbar-width:thin}@supports selector(::-webkit-scrollbar){[data-scroll] .tablist__list{scrollbar-color:initial;scrollbar-width:auto}[data-scroll] .tablist__list::-webkit-scrollbar{height:1.25rem}[data-scroll] .tablist__list::-webkit-scrollbar-track{background-color:var(--tablist-color-selected)}[data-scroll] .tablist__list::-webkit-scrollbar-thumb{background-color:var(--tablist-color-active);border:.5rem var(--tablist-color-selected) solid;border-radius:100vw}}}.tablist__list li{flex-grow:1;scroll-snap-align:start}@media(min-width: 48.625em){.tablist__list li{flex-grow:0}}.tablist__tab{background-color:var(--tablist-color-default);color:#000;display:block;padding:1em;text-align:center;text-decoration:none}@media(prefers-reduced-motion: no-preference){[data-animation] .tablist__tab{transition:600ms}}.tablist__tab:hover{background-color:var(--tablist-color-interactive)}.tablist__tab[aria-selected=true]{background-color:var(--tablist-color-selected);color:var(--tablist-color-active)}.tablist__panel{background-color:var(--tablist-color-selected);overflow:hidden;padding:1em;position:relative}[data-fixed-height] .tablist__panel{max-height:25em;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;scrollbar-color:var(--tablist-color-active) var(--tablist-color-selected);scrollbar-width:thin}@supports selector(::-webkit-scrollbar){[data-fixed-height] .tablist__panel{scrollbar-color:initial;scrollbar-width:auto;padding-inline-end:.5em}[data-fixed-height] .tablist__panel::-webkit-scrollbar{width:1.125rem}[data-fixed-height] .tablist__panel::-webkit-scrollbar-track{background-color:var(--tablist-color-selected);margin-block:.5em}[data-fixed-height] .tablist__panel::-webkit-scrollbar-thumb{background-color:var(--tablist-color-active);border:.375rem var(--tablist-color-selected) solid;border-radius:100vw;min-height:6.25rem}}.tablist__content{position:relative}:not([hidden]) [data-animation] .tablist__content{inset-block-start:0;opacity:1}@starting-style{:not([hidden]) [data-animation] .tablist__content{inset-block-start:3em;opacity:0}}@media(prefers-reduced-motion: no-preference){:not([hidden]) [data-animation] .tablist__content{transition:inset 600ms,opacity 300ms}}.tablist__tab:focus,.tablist__panel:focus{outline-offset:-6px}/*# sourceMappingURL=init.css.map */