@layer components{mg-tablist{--tab-x-padding:2px;--tab-y-padding:8px}mg-tablist,mg-tabpanel,mg-tabs{align-items:stretch;display:flex;flex-direction:column;flex-shrink:0;position:relative}mg-tabs[stack*=row]{flex-direction:row;column-gap:var(--tab-gap,1rem)}mg-tabs[stack*=row][wrap]{flex-wrap:wrap}mg-tabs[stack*=row]:not(wrap){overflow:auto hidden;scrollbar-width:none}mg-tabs[stack*=row][centered]>:first-child{margin-inline-start:auto}mg-tabs[stack*=row][centered]>:last-child{margin-inline-end:auto}mg-tabs[stack=column]{flex-direction:column;row-gap:var(--tab-gap,1rem)}mg-tab{display:block;flex-shrink:0}mg-tab[aria-current=page],mg-tab[aria-selected=true]{border-block-end:2px solid var(--active-tab-bdrc,current-color)}mg-tab>*{background:none;display:block;padding:var(--tab-y-padding) var(--tab-x-padding)}mg-tab a{text-decoration:none}}@layer page{.design-gallery mg-tabs{--tab-gap:1.5rem;background-color:var(--bg-color);padding-inline-start:1rem;position:sticky;top:0;z-index:100}.design-gallery mg-grid{--cols:2;--cols-md:3;--cols-lg:4}.design-gallery mg-tab[aria-current=page],.design-gallery mg-tab[aria-selected=true]{border-block-end:2px solid gold}.design-gallery [toggle=radio]{--btn-align:center;background-color:var(--bg-color);margin-block-end:1rem;padding-block:8px;position:sticky;top:44px;z-index:10}mg-carousel[name=design-gallery]{--carousel-td:0}}