@layer components-base{.underline-text-piece,.underline-text-piece__content{display:inline-block;position:relative}.underline-text-piece__decoration{bottom:var(--md,calc(var(--scale-px)*-4)) var(--n-md,calc(var(--scale-px)*-3));clip-path:inset(0 100% 0 0);color:var(--t-heading);content:"";display:inline-block;height:var(--md,calc(var(--scale-px)*4)) var(--n-md,calc(var(--scale-px)*3));left:0;position:absolute;transition:clip-path .4s cubic-bezier(.55,0,.1,1);width:100%}.underline-text-piece--shown .underline-text-piece__decoration{clip-path:inset(0 0 0 0)}.underline-text-piece--primary .underline-text-piece__decoration{color:var(--t-primary)}.underline-text-piece--accent .underline-text-piece__decoration{color:var(--t-accent)}}