.underlined-tab{padding:12px 20px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--neutral-400);font-weight:var(--font-weight-semi-bold);text-transform:uppercase;letter-spacing:1px;border:none;border-left:1px solid transparent;text-decoration:none;position:relative}.underlined-tab:before,.underlined-tab:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background-color:var(--primary)}.underlined-tab:before{opacity:0;transform:translateY(-8px);transition:transform 0s cubic-bezier(.175,.885,.32,1.275),opacity 0s}.underlined-tab:after{opacity:0;transform:translateY(4px);transition:transform .2s cubic-bezier(.175,.885,.32,1.275),opacity .2s}.underlined-tab:hover,.underlined-tab:focus,.underlined-tab--active{color:var(--foreground)}.underlined-tab:hover:before,.underlined-tab:focus:before,.underlined-tab--active:before,.underlined-tab:hover:after,.underlined-tab:focus:after,.underlined-tab--active:after{opacity:1;transform:translateY(0)}.underlined-tab:hover:before,.underlined-tab:focus:before,.underlined-tab--active:before{transition:transform .2s cubic-bezier(.175,.885,.32,1.275),opacity .2s}.underlined-tab:hover:after,.underlined-tab:focus:after,.underlined-tab--active:after{transition:transform 0s .2s cubic-bezier(.175,.885,.32,1.275),opacity 0s .2s}.underlined-tab:active:after{height:3px}.underlined-tab--active,.underlined-tab--active:hover{color:var(--foreground)}.underlined-tab:hover{text-decoration:none}.underlined-tab:hover:not(.underlined-tab--active){color:var(--neutral-400)}@media screen and (max-width:600px){.underlined-tab{padding:12px 10px}}