.lance-logo{aspect-ratio:1080/110;vertical-align:middle;flex:none;width:160px;line-height:0;display:inline-block}.lance-logo--mark,.lance-logo--mark-outline{aspect-ratio:1;width:22px}.lance-logo--fill{aspect-ratio:auto;width:100%;height:100%}.lance-logo>img{object-fit:contain;width:100%;height:100%;display:block}@supports ((-webkit-mask-image:url("/brand/lance-wordmark.png")) or (mask-image:url("/brand/lance-wordmark.png"))){.lance-logo{background:currentColor;-webkit-mask:url(/brand/lance-wordmark.png) 50%/contain no-repeat;mask:url(/brand/lance-wordmark.png) 50%/contain no-repeat}.lance-logo--mark{-webkit-mask-image:url(/brand/lance-mark.png);mask-image:url(/brand/lance-mark.png)}.lance-logo--mark-outline{-webkit-mask-image:url(/brand/lance-mark-outline.png);mask-image:url(/brand/lance-mark-outline.png)}.lance-logo>img{visibility:hidden}}.lance-face{aspect-ratio:1;flex:none;width:22px;display:block;position:relative}.lance-face>.lance-logo{aspect-ratio:auto;width:100%;height:100%;position:absolute;inset:0}.lance-face-fill{clip-path:inset(100% 0 0);transition:clip-path .42s var(--ease,cubic-bezier(.2, .8, .2, 1))}.lance-face.is-filled>.lance-face-fill,button:active>.lance-face>.lance-face-fill{clip-path:inset(0)}@media (prefers-reduced-motion:reduce){.lance-face-fill{transition:none}}.auth-logo .lance-logo,.ob-logo .lance-logo{width:min(240px,100%)}.inv-brand .lance-logo{color:#0a0a0a;width:80px}.st-row-art.lance-conversation-mark{color:var(--ink);background:0 0;border-radius:0;flex:none;overflow:visible}.lance-conversation-mark>.lance-face{width:100%}button:active>.lance-conversation-mark>.lance-face>.lance-face-fill{clip-path:inset(0)}@media print,(forced-colors:active){.lance-logo{background:0 0;-webkit-mask:none;mask:none}.lance-logo>img{visibility:visible}}