@layer components{.c-slash-list{--slash-list-gap:var(--api-slash-list-gap,12px);color:var(--api-slash-list-color,currentColor);display:flex;flex-flow:row wrap;gap:5px var(--slash-list-gap)}.c-slash-list__item:not(:first-child):before{content:"//";margin-right:var(--slash-list-gap)}.c-slash-list__item a{color:currentColor;position:relative;transition:color .15s ease}.c-slash-list__item a:after{background-image:linear-gradient(to right,var(--api-slash-list-underline-color-active,var(--brand-bronze)) 0,var(--api-slash-list-underline-color-active,var(--brand-bronze)) 50%,var(--api-slash-list-underline-color,hsla(0,0%,100%,.3)) 50%,var(--api-slash-list-underline-color,hsla(0,0%,100%,.3)) 50%);background-position-x:100%;background-size:200%;content:"";height:1px;inset:calc(100% + .2em) 0 auto;position:absolute;transition:background-position .25s ease}.c-slash-list__item a:focus:after,.c-slash-list__item a:hover:after{background-position-x:0}.c-slash-list__item--link-no-underline a:after{display:none}.c-slash-list__item--link-no-underline a:focus,.c-slash-list__item--link-no-underline a:hover{color:var(--brand-bronze)}}