/* The frame and accent follow the interface. The stripes follow the account. */
:root .brand-mark{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:1em}
:root .brand-mark>svg{display:block;width:1em;height:1em;max-width:100%;max-height:100%;fill:currentColor;stroke:none;overflow:visible}
:root .brand-mark [data-brand-stripes]{display:none}
:root:not([data-brand-rank="2"]):not([data-brand-rank="3"]) .brand-mark [data-brand-stripes="1"],
:root[data-brand-rank="2"] .brand-mark [data-brand-stripes="2"],
:root[data-brand-rank="3"] .brand-mark [data-brand-stripes="3"]{display:inline}