@layer components{:root{--twentyone--logo--width: 12em;--twentyone--logo--header-small-width: 10em;--twentyone--logo--subline-margin: var(--twentyone--spacing--8) 0;--twentyone--logo--subline-color: var(--twentyone--color--grey);--twentyone--logo--subline-font-size: var(--twentyone--font-size--level-6);--twentyone--logo--subline-line-height: 1.25;--twentyone--logo--subline-letter-spacing: 0;--twentyone--logo--subline-text-transform: none}.twentyone-logo{display:block;flex:0 0 auto;text-decoration:none}.twentyone-logo .twentyone-logo-img{display:block;width:var(--twentyone--logo--width);transition:var(--twentyone--element--transition)}.twentyone-logo .twentyone-logo-text{color:var(--twentyone--logo--subline-color);margin:var(--twentyone--logo--subline-margin);font-size:var(--twentyone--logo--subline-font-size);line-height:var(--twentyone--logo--subline-line-height);letter-spacing:var(--twentyone--logo--subline-letter-spacing);text-transform:var(--twentyone--logo--subline-text-transform)}.twentyone-logo .twentyone-logo-text:first-child{margin-top:0}.twentyone-logo .twentyone-logo-text:last-child{margin-bottom:0}header#twentyone-header.is--small .twentyone-logo .twentyone-logo-img{width:var(--twentyone--logo--header-small-width)}}