.container[data-v-6b10c48c]{background-color:var(--brand-secondary);color:var(--black);border-radius:99px;display:flex;gap:4px;align-items:center;padding:2px 4px;position:absolute;right:calc(100% - 12px);top:-4px;font-size:var(--font-xxs);overflow:hidden;width:28px;transition:width .3s ease,gap .3s ease}: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]{flex:none;opacity:0;transition:opacity .3s ease;white-space:nowrap}