.e-menu-wrapper .e-ul .e-menu-item .e-menu-url, .e-menu-container .e-ul .e-menu-item .e-menu-url {
    min-width: 100%;
}

.menu-container {
    display: block;
    position: relative;
    top: 10px;
    left: 20px;
    z-index: 999999;
    -webkit-user-select: none;
    user-select: none;
}

.menu-container .menu-button {
    display: block;
    width: 40px;
    height: 32px;
    position: absolute;
    top: -7px;
    left: -5px;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
    -webkit-touch-callout: none;
}

.menu-container .menu-button-humberger-element {
    display: block;
    width: 33px;
    height: 4px;
    margin-bottom: 5px;
    position: relative;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 4px 0px;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), opacity 0.55s ease;
    background: #cdcdcd;
}

.menu-container-body .menu-body a:hover {
    background-color: var(--c-bg-menu-container-body-menu-body-a-hover);
}

.menu-container .menu-button-humberger-element:first-child {
    transform-origin: 0% 0%;
}

.menu-container .menu-button-humberger-element:nth-last-child(2) {
    transform-origin: 0% 100%;
}

.menu-container .menu-button:checked ~ .menu-button-humberger-element {
    opacity: 1;
    transform: rotate(45deg) translate(-2px, -1px);
    background: var(--c-bg-menu-button-humberger-element);
}

.menu-container .menu-button:checked ~ .menu-button-humberger-element:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
}

.menu-container .menu-button:checked ~ .menu-button-humberger-element:nth-last-child(2) {
    transform: rotate(-45deg) translate(0, -1px);
}

.menu-container .menu-button:checked ~ .menu-container-body {
    transform: none;
}

.menu-container-body {
    font-family: "Inter", sans-serif;
    border-radius: 10px 10px 0 0;
    position: fixed;
    width: 300px;
    padding: 50px;
    padding-top: 125px;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(-100%, 0);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
    height: calc(100% + 50px);
    height: -webkit-fill-available;
    margin: -100px;
    color: var(--c-color-menu-container-body);
    background-color: var(--c-bg-menu-container-body);
    box-shadow: var(--c-shadow-menu-container-body);
}

.menu-container-body .menu-header {
    padding: 1rem;
}

.menu-container-body .menu-header-title {
    font-size: 0.875rem;
    margin-bottom: 0.375rem;
    font-weight: 500;
    color: var(--c-color-menu-header-title);
}

.menu-container-body .theme-switcher {
    border-radius: 10px;
    display: flex;
    padding: 0 3px;
    align-items: center;
    position: relative;
    overflow: hidden;
    background-color: var(--c-bg-menu-container-body-theme-switcher);
}

.menu-container-body .theme-switcher .slider {
    display: block;
    position: absolute;
    z-index: 1;
    width: calc((100% - 6px) / 2);
    top: 3px;
    transform: translatex(-110%);
    bottom: 3px;
    border-radius: 6px;
    transition: 0.15s ease, transform 0.25s ease-out;
    background-color: var(--c-bg-menu-container-body-theme-switcher-slider);
    box-shadow: var(--c-shadow-menu-container-body-theme-switcher-slider);
}

.menu-container-body .theme-switcher input {
    display: none;
}

.menu-container-body .theme-switcher input:nth-of-type(1):checked ~ .slider {
    transform: translateX(0);
}

.menu-container-body .theme-switcher input:nth-of-type(2):checked ~ .slider {
    transform: translateX(100%);
}

.menu-container-body .theme-switcher label {
    position: relative;
    z-index: 2;
    width: calc(100% / 2);
    color: var(--c-color-menu-container-body-theme-switcher-label);
}

.menu-container-body .theme-switcher label span {
    padding: 8px 0;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
}

.menu-container-body .theme-switcher label svg {
    display: inline-block;
    margin-right: 0.5rem;
    width: 20px;
}

.menu-container-body .menu-body {
    display: flex;
    flex-direction: column;
    padding: 0.5rem;
    transition: border-color 0.15s ease;
    border-top: var(--c-border-top-menu-container-body-menu-body);
}

.menu-container-body .menu-body a {
    text-decoration: none;
    display: flex;
    align-items: center;
    padding: 0.625rem 0.5rem;
    border-radius: 4px;
    font-weight: 500;
    transition: 0.15s ease;
    color: inherit;
}

.menu-container-body .menu-body a svg {
    margin-right: 1rem;
    transition: color 0.15s ease;
    color: var(--c-color-menu-container-body-menu-body-a-svg);
}