.ws-morphing-nav {
    position: relative;
    width: fit-content;
    display: flex;
    align-items: center;
}

.ws-morphing-nav > * {
    height: fit-content;
    position: relative;
    z-index: 2;
}

.ws-morphing-nav .ws-morphing-nav__item {
    cursor: pointer;
    transition: color var(--transition-duration, 0.3s);
}

.ws-morphing-nav .ws-morphing-nav__item--active {
    transition: color var(--transition-duration, 0.3s);
}

.ws-morphing-nav .ws-morphing-nav__morphing-div {
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 1px;
    pointer-events: none;
    opacity: 0;
    transition: opacity var(--transition-duration, 0.3s);
    transform-origin: left top;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

.ws-morphing-nav .demo-morph-bg-target {
    position: absolute;
    top: 0;
    left: 0;
    height: var(--height, 100%);
    pointer-events: none;
}

.ws-morphing-nav .morph-bg--visible {
    opacity: 1;
}

.ws-morphing-nav .morph-bg--has-transition {
    transition: var(--transition-duration, 0.3s);
    will-change: transform, border-radius, height, width;
}

.ws-morphing-nav .ws-morphing-nav__item a {
    text-decoration: unset !important;
    color: inherit;
    display: block;
}