:host{position:relative;display:flex;align-items:center;justify-content:center;flex:1;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}:host(.vertical) .counter,:host(.horizontal) .counter,:host(.underline) .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}:host(.underline) .counter{min-width:19px;order:2}:host(.vertical) .counter,:host(.horizontal) .counter{min-width:20px}a{display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:0 var(--space-3);color:currentColor;text-decoration:none}:host(.horizontal) .counter,:host(.vertical) .counter,:host(.circle) .counter{position:absolute;z-index:2;display:flex;justify-content:center;align-items:center;border-radius:var(--radius-2)}:host(.horizontal) .counter,:host(.vertical) .counter{top:-4px;right:-4px}:host(.circle) .ds-inner,:host(.circle) .ds-outer{position:relative;flex-shrink:0}:host(.circle) .ds-inner{overflow:hidden;border-radius:var(--radius-rounded)}:host(.circle) .ds-inner::after,:host(.circle) .ds-inner::before{content:"";position:absolute;box-sizing:border-box;border-radius:var(--radius-rounded)}:host(.circle) .icon:not(:first-of-type){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:host(.circle) .counter{top:0;right:0}:host(.circle),:host(.circle) a{flex-direction:column;gap:var(--space-2)}:host(.horizontal){height:48px;padding:0 var(--space-4);gap:var(--space-2);border-radius:var(--radius-9)}:host(.vertical){flex-direction:column;flex:unset;flex-shrink:0;height:52px;width:64px;gap:6px;border-radius:var(--radius-3)}