.container[data-v-6b10c48c]{background-color:var(--brand-secondary);color:var(--black);font-size:var(--font-xxs);border-radius:99px;align-items:center;gap:4px;width:28px;padding:2px 4px;transition:width .3s,gap .3s;display:flex;position:absolute;top:-4px;right:calc(100% - 12px);overflow:hidden}:is(.container.--hover:has(.text),.container:hover:has(.text))[data-v-6b10c48c]{padding-right:6px}@supports (width:calc-size(auto,size)){:is(.container.--hover:has(.text),.container:hover:has(.text))[data-v-6b10c48c]{width:calc-size(auto,size)}}:is(.container.--hover:has(.text),.container:hover:has(.text)) .text[data-v-6b10c48c]{opacity:1}.icon[data-v-6b10c48c]{flex:none;width:20px;height:20px}.text[data-v-6b10c48c]{opacity:0;white-space:nowrap;flex:none;transition:opacity .3s}