.z-menu {
    width: 0;
    min-width: 0;
    height: 0;
    min-height: 0;
}

.z-menu.open {
    display: flex;
    overflow: visible;
    flex-direction: row;

    &.anchor-top-left {
        justify-content: start;
        align-items: start;
    }

    &.anchor-top-right {
        justify-content: end;
        align-items: start;
    }

    &.anchor-bottom-right {
        justify-content: end;
        align-items: end;
    }

    &.anchor-bottom-left {
        justify-content: start;
        align-items: end;
    }

    &.anchor-top-centre {
        justify-content: center;
        align-items: start;
    }

    &.anchor-right-centre {
        justify-content: end;
        align-items: center;
    }

    &.anchor-bottom-centre {
        justify-content: center;
        align-items: end;
    }

    &.anchor-left-centre {
        justify-content: start;
        align-items: center;
    }

    &.anchor-centre {
        justify-content: center;
        align-items: center;
    }

}

.z-menu.closed {
    display: none;
}

.z-menu.absolute-position {
    position: absolute;
}

.z-menu-inner {
    width: fit-content;
    height: fit-content;
    background-color: white;
    border-radius: 1em;
    padding: 0.5em;
    z-index: 6;
    box-shadow: 4px 4px 10px 0px #00000047;
}