@layer components{:root{--twentyone--tab--content-background: rgba(var(--twentyone--color--black-rgb), .05);--twentyone--tab--content-padding: var(--twentyone--spacing--16);--twentyone--tab--content-border-radius: var(--twentyone--spacing--8);--twentyone--tab--inverted-content-background: rgba(var(--twentyone--color--white-rgb), .25);--twentyone--tab--inverted-content-border-color: transparent}.twentyone-tab{counter-increment:ol-counter;display:block !important;width:100%;background-color:var(--twentyone--tab--content-background);padding:var(--twentyone--tab--content-padding);transition:var(--twentyone--element--transition);border-radius:var(--twentyone--tab--content-border-radius)}.twentyone-tab.has--counter .twentyone-tab-headline::before{content:counter(ol-counter) ". "}.twentyone-tab.is--inverted{background:var(--twentyone--tab--inverted-content-background);border-color:var(--twentyone--tab--inverted-content-border-color)}.twentyone-tabs.is--initialized .twentyone-tab{max-height:1000rem}.twentyone-tabs.is--initialized .twentyone-tab[hidden=true]{position:absolute;max-height:0;top:0;left:0;width:100%;opacity:0;pointer-events:none;visibility:hidden;overflow:hidden;translate:1em 0}}