@layer components{:root{--twentyone--fieldset--margin: var(--twentyone--spacing--16) 0;--twentyone--fieldset--padding: 0;--twentyone--fieldset--border-radius: var(--twentyone--spacing--8);--twentyone--fieldset--border-width: 0;--twentyone--fieldset--border-color: transparent;--twentyone--fieldset--background: transparent;--twentyone--fieldset--legend-font-size: var(--twentyone--element--font-size);--twentyone--fieldset--legend-text-transform: none;--twentyone--fieldset--legend-line-height: 1.5;--twentyone--fieldset--legend-letter-spacing: 0;--twentyone--fieldset--legend-color: var(--twentyone--color--black);--twentyone--fieldset--inverted-border-color: var(--twentyone--color--white);--twentyone--fieldset--inverted-background: transparent;--twentyone--fieldset--inverted-legend-color: var(--twentyone--color--white)}.twentyone-fieldset{background:var(--twentyone--fieldset--background);border-color:var(--twentyone--fieldset--border-color);border-style:solid;border-width:var(--twentyone--fieldset--border-width);margin:var(--twentyone--fieldset--margin);padding:var(--twentyone--fieldset--padding);width:100%;min-width:0;border-radius:var(--twentyone--fieldset--border-radius);transition:var(--twentyone--element--transition)}.twentyone-fieldset:first-child{margin-top:0}.twentyone-fieldset:last-child{margin-bottom:0}.twentyone-fieldset legend{color:var(--twentyone--fieldset--legend-color);display:block;float:left;width:100%;font-size:var(--twentyone--fieldset--legend-font-size);font-weight:bold;letter-spacing:var(--twentyone--fieldset--legend-letter-spacing);line-height:var(--twentyone--fieldset--legend-line-height);text-transform:var(--twentyone--fieldset--legend-text-transform);transition:var(--twentyone--element--transition)}.twentyone-fieldset legend+*{clear:both}.twentyone-fieldset.is--inverted{background:var(--twentyone--fieldset--inverted-background);border-color:var(--twentyone--fieldset--inverted-border-color)}.twentyone-fieldset.is--inverted legend{color:var(--twentyone--fieldset--inverted-legend-color)}}