:host{display:flex;flex:1;min-width:0}:host([variant="vertical"]),:host([variant="circle"]){flex:unset;flex-shrink:0;min-width:auto}:host([variant="horizontal"]){flex:none;min-width:auto}div{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-weight:700;letter-spacing:-0.02em;white-space:nowrap;transition:color 0.1s ease,background-color 0.1s ease,border-color 0.1s ease,opacity 0.1s ease;-webkit-tap-highlight-color:transparent;box-sizing:border-box;cursor:pointer}div.underline .counter,div.vertical .counter,div.horizontal .counter{display:flex;align-items:center;justify-content:center;height:20px;padding:0 var(--space-1);font-size:10px;font-weight:700;letter-spacing:-0.02em;line-height:150%;border-radius:var(--radius-quaternary);box-sizing:border-box}div.underline .counter{min-width:19px;order:2}div.horizontal .counter,div.vertical .counter,div.circle .counter{position:absolute;z-index:2;display:flex;justify-content:center;align-items:center;border-radius:var(--radius-2)}div.horizontal .counter,div.vertical .counter{min-width:20px;top:-4px;right:-4px}div.circle .counter{top:0;right:0;box-sizing:border-box}div.horizontal{height:48px;padding:0 var(--space-4);gap:var(--space-2);border-radius:var(--radius-9)}div.vertical{flex-direction:column;height:52px;width:64px;gap:6px;border-radius:var(--radius-3)}