@charset "UTF-8";

.sozo-nav-button {
    position: relative;
    cursor: pointer;

    * {
        user-select: none;
    }

    &.active {
        ul {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            padding: 1rem;
            background: #eee;
            border-radius: 8px;
            height: auto;
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
            transition: .2s;

            li {
                list-style-type: none;
                font-weight: 500;
            }
        }
    }

    ul {
        width: 300px;
        max-width: 100%;
        height: 0;
        opacity: 0;
        visibility: hidden;
        transform: translateY(1rem);
    }
}