.mobile-menu-box {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: calc(13px + (16 - 13) * ((100vw - 320px) / (600 - 320))) calc(15px + (48 - 15) * ((100vw - 320px) / (600 - 320)));
    z-index: 3;
    background-color: #f6f6f6;
    overflow: hidden;
    border-radius: calc(14px + (26 - 14) * ((100vw - 320px) / (600 - 320))) calc(14px + (26 - 14) * ((100vw - 320px) / (600 - 320))) 0 0;
    box-shadow: 0 -4px 16px #22222214;

    @media (min-width: 600.98px) {
        display: none;
    }

    body.dark & {
        background-color: #252934;

        li {
            a {
                color: rgba($white, 0.6);
            }
        }
    }

    .menu-list {
        display: flex;
        align-items: center;
        justify-content: space-between;

        li {
            &.active {
                a {
                    color: var(--theme-color);

                    i {
                        --Iconsax-Color: var(--theme-color);
                    }
                }
            }

            a {
                display: flex;
                align-items: center;
                flex-direction: column;
                gap: 4px;
                font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (600 - 320)));
                color: #808B97;

                i {
                    --Iconsax-Size: calc(20px + (22 - 20) * ((100vw - 320px) / (600 - 320)));
                    --Iconsax-Color: #808B97;
                }
            }
        }
    }
}