.dd-pill-link{isolation:isolate;border-radius:var(--dd-radius);background-image:none;background-position:50% calc(100% - 6px);background-repeat:no-repeat;background-size:4px 4px;margin-inline:-10px;padding-inline:10px;position:relative;overflow:hidden}.dd-pill-link.dd-pill-link:after{content:none}.dd-pill-link[aria-current=page]{background-image:radial-gradient(circle, var(--dd-blue) 1.5px, transparent 2px)}.dd-pill-link:before{content:"";z-index:-1;border-radius:var(--dd-radius);background:var(--dd-blue);transition:translate var(--dur-ui) var(--dd-ease);position:absolute;inset:8px 0;translate:0 calc(100% + 8px)}.dd-pill-face{vertical-align:middle;height:20px;line-height:20px;display:inline-block;overflow:clip}.dd-pill-roll{transition:translate var(--dur-ui) var(--dd-ease);display:block;position:relative}.dd-pill-twin{color:var(--dd-object);white-space:nowrap;position:absolute;top:100%;left:0}@media (hover:hover) and (pointer:fine){.dd-pill-link:hover:before{translate:0}.dd-pill-link:hover .dd-pill-roll{translate:0 -100%}}.dd-pill-link:focus-visible:before{translate:0}.dd-pill-link:focus-visible .dd-pill-roll{translate:0 -100%}.dd-pill-dot{border-radius:var(--dd-radius-round,9999px);background:var(--dd-blue);pointer-events:none;opacity:0;width:4px;height:4px;transition:opacity var(--dur-ui) var(--dd-ease);position:absolute;top:0;left:0}.dd-pill-dot[data-shown]{opacity:1}[data-dd-pill-live]{position:relative}[data-dd-pill-live] .dd-pill-link[aria-current=page]{background-image:none}@media (prefers-reduced-motion:reduce){.dd-pill-link:before,.dd-pill-roll,.dd-pill-dot{transition:none}}:root[data-dd-motion=paused] .dd-pill-link:before,:root[data-dd-motion=paused] .dd-pill-roll,:root[data-dd-motion=paused] .dd-pill-dot{transition:none}@media (forced-colors:active){.dd-pill-link:before,.dd-pill-twin{display:none}.dd-pill-roll{translate:none!important}}