.item.svelte-dmnlqm {
    text-decoration: none;
    background: transparent;
    cursor: pointer;
    padding-bottom: .1111111111rem;
    position: relative
}

.item.svelte-dmnlqm:before,
.item.svelte-dmnlqm:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px
}

.item.svelte-dmnlqm:before {
    transform-origin: right;
    transform: scaleX(1);
    transition: transform .55s .2s
}

.item.svelte-dmnlqm:after {
    transform-origin: left;
    transform: scaleX(0);
    transition: transform .55s
}

.item.is-light.svelte-dmnlqm:before,
.item.is-light.svelte-dmnlqm:after {
    background: var(--white)
}

.item.is-dark.svelte-dmnlqm:before,
.item.is-dark.svelte-dmnlqm:after {
    background: var(--black)
}

.item.is-light.svelte-dmnlqm {
    color: var(--white)
}

.item.is-dark.svelte-dmnlqm {
    color: var(--black)
}

.item.disable.svelte-dmnlqm {
    opacity: .4;
    pointer-events: none
}

@media (hover: hover) {
    .item.svelte-dmnlqm:hover:before {
        transform: scaleX(0);
        transition: transform .55s
    }

    .item.svelte-dmnlqm:hover:after {
        transform: scaleX(1);
        transition: transform .55s .2s
    }
}