.content.svelte-1orknwk,
.bracket-left.svelte-1orknwk,
.bracket-right.svelte-1orknwk {
    line-height: 1
}

.content.svelte-1orknwk {
    min-width: .5555555556rem;
    display: inline-block;
    position: relative
}

.bracket-left.svelte-1orknwk,
.bracket-right.svelte-1orknwk {
    display: inline-block;
    position: relative;
    transition: transform .55s
}

.item.svelte-p0i4gl.svelte-p0i4gl {
    text-decoration: none;
    background: transparent;
    cursor: pointer;
    font-size: 1rem;
    transition: opacity .55s
}

.item.is-light.svelte-p0i4gl.svelte-p0i4gl {
    color: var(--black)
}

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

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

@media (hover: hover) {
    .item.svelte-p0i4gl:hover .bracket-left {
        transform: translate(-.1666666667rem)
    }

    .item.svelte-p0i4gl:hover .bracket-right {
        transform: translate(.1666666667rem)
    }

    .item.svelte-p0i4gl:hover .is-animate.svelte-p0i4gl {
        opacity: 1
    }
}

.has-label.svelte-p0i4gl.svelte-p0i4gl {
    display: flex;
    align-items: center
}

.label.svelte-p0i4gl.svelte-p0i4gl {
    margin-right: .8888888889rem;
    display: inline-block;
    vertical-align: middle
}

.label.is-animate.svelte-p0i4gl.svelte-p0i4gl {
    opacity: 0;
    transition: opacity 1.35s
}