@layer components{:root{--c-divider--color--surface:var(--color--surface);--c-divider--border-width:var(--border-width);--c-divider--border-radius:var(--border-radius);--c-divider--space:var(--space);--c-divider--corner-shape:var(--corner-shape);--c-divider--font-size-300:var(--font-size-300)}.c-divider{align-items:center;display:flex;margin:0 auto;text-align:center}.c-divider:after,.c-divider:before{border-bottom-style:var(--border-style,solid);border-bottom-width:clamp(1px,(var(--c-divider--border-width,var(--border-width))) * var(--base) * 1,6px);content:"";flex:1}.c-divider__title{--inherit-font-size:var(--c-divider--font-size-300,var(--font-size-300));margin-bottom:0;margin-top:0;padding:calc((var(--c-divider--space, var(--space)))*var(--base)*1) calc((var(--c-divider--space, var(--space)))*var(--base)*2)}.c-divider--has-frame .c-divider__title{corner-shape:var(--c-divider--corner-shape,var(--corner-shape));background:var(--c-divider--color--surface,var(--inherit-color-background,var(--c-divider--color--surface-default,var(--color--surface))));border-radius:calc((var(--c-divider--border-radius, var(--border-radius)))*var(--base)*1);border-style:var(--border-style,solid);border-width:clamp(1px,(var(--c-divider--border-width,var(--border-width))) * var(--base) * 1,6px)}.c-divider--has-frame.c-divider--dashed .c-divider__title{--border-style:dashed}.c-divider--has-frame.c-divider--dotted .c-divider__title{--border-style:dotted}.c-divider.c-divider--align-left:not(.c-divider--has-frame) .c-divider__title{padding-left:0}.c-divider.c-divider--align-right:not(.c-divider--has-frame) .c-divider__title{padding-right:0}.c-divider--align-left:before,.c-divider--align-right:after{display:none}.c-divider--without-title:before{display:block}.c-divider--without-title:after{display:none}.c-divider--sm{width:30%}.c-divider--md{width:50%}.c-divider--lg{width:70%}.c-divider--full,.c-divider--full-width{width:100%}.c-divider--dashed:after,.c-divider--dashed:before{--border-style:dashed}.c-divider--dotted:after,.c-divider--dotted:before{--border-style:dotted}}