/* Exact artwork at both ends; the canvas carries the lettering into the mark. */
.ab-brand[data-ambera-brand]{--ab-expanded:220px;position:relative;display:inline-block;vertical-align:middle;flex:0 1 auto;width:var(--ab-width,var(--ab-expanded));max-width:100%;height:44px;min-height:44px;min-width:44px;overflow:hidden;isolation:isolate;line-height:0}
.ab-brand[data-ambera-brand]>img.ab-word,.ab-brand[data-ambera-brand]>img.ab-symbol,.ab-brand[data-ambera-brand]>canvas{position:absolute;inset:0 auto auto 0;display:block;margin:0;padding:0;border:0;border-radius:0;max-width:none;object-fit:contain;transform:none;filter:none;transition:none;pointer-events:none;height:44px}
.ab-brand[data-ambera-brand]>img.ab-word{width:var(--ab-expanded);opacity:1}
.ab-brand[data-ambera-brand]>img.ab-symbol{width:44px;opacity:0}
.ab-brand[data-ambera-brand]>canvas{width:var(--ab-expanded);opacity:0}
.ab-brand[data-ambera-brand][data-active]>img{opacity:0}
.ab-brand[data-ambera-brand][data-active]>canvas{opacity:1}
.ab-brand[data-ambera-brand][data-settled]{width:44px}
.ab-brand[data-ambera-brand][data-settled]>img.ab-word{opacity:0}
.ab-brand[data-ambera-brand][data-settled]>img.ab-symbol{opacity:1}
.ab-brand[data-ambera-brand][data-settled]>canvas{opacity:0}
@media(max-width:620px){.ab-brand[data-ambera-brand]{--ab-expanded:200px}}
@media(prefers-reduced-motion:reduce){.ab-brand[data-ambera-brand]{width:44px!important}.ab-brand[data-ambera-brand]>img.ab-word,.ab-brand[data-ambera-brand]>canvas{opacity:0!important}.ab-brand[data-ambera-brand]>img.ab-symbol{opacity:1!important}}

@media(max-width:359px){.ab-brand[data-ambera-brand]{--ab-expanded:176px}}