@layer components{:root{--twentyone--logo--margin: var(--twentyone--spacing--16) 0;--twentyone--logo--width: var(--twentyone--spacing--192);--twentyone--logo--header-small--width: var(--twentyone--spacing--160);--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;margin:var(--twentyone--logo--margin)}.twentyone-logo:first-child{margin-top:0}.twentyone-logo:last-child{margin-bottom:0}.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)}}