.tabs-wrap .tabs{position:relative}.tabs-wrap[data-rule] .tab[aria-selected=true]:after{content:none}.tabs-rule{pointer-events:none;background-image:linear-gradient(var(--color-ink), var(--color-ink)), linear-gradient(var(--color-green), var(--color-green));transform-origin:0 0;width:100px;height:4px;transform:translateX(var(--x,0px)) scaleX(var(--w,1));transition:transform var(--dur-base) var(--ease-out);background-position:0 100%,0 0;background-repeat:no-repeat;background-size:100% 1px,100% 3px;position:absolute;bottom:0;left:0}.tabs-wrap[data-clip=none] .tabs{padding-right:0;-webkit-mask-image:none;mask-image:none}.tabs-wrap[data-clip=right] .tabs{-webkit-mask-image:linear-gradient(90deg, var(--color-ink) calc(100% - 40px), transparent);mask-image:linear-gradient(90deg, var(--color-ink) calc(100% - 40px), transparent);-webkit-mask-image:linear-gradient(90deg, var(--color-ink) calc(100% - 40px), transparent);padding-right:40px}.tabs-wrap[data-clip=left] .tabs{-webkit-mask-image:linear-gradient(90deg, transparent, var(--color-ink) 40px);mask-image:linear-gradient(90deg, transparent, var(--color-ink) 40px);-webkit-mask-image:linear-gradient(90deg, transparent, var(--color-ink) 40px);padding-right:0}.tabs-wrap[data-clip=both] .tabs{-webkit-mask-image:linear-gradient(90deg, transparent, var(--color-ink) 40px, var(--color-ink) calc(100% - 40px), transparent);mask-image:linear-gradient(90deg, transparent, var(--color-ink) 40px, var(--color-ink) calc(100% - 40px), transparent);-webkit-mask-image:linear-gradient(90deg, transparent, var(--color-ink) 40px, var(--color-ink) calc(100% - 40px), transparent);padding-right:40px}@media (prefers-reduced-motion:reduce){.tabs-rule{transition:none}}