.menu-wrap a { width: 100%; color: rgb(var(--black) / 100%); font-size: 24px; line-height: 140%; font-weight: 400; line-height: 16px; padding: var(--gap-md) var(--gap-sm); }

/* Menu Button */
.menu-button { display: flex; width: 30px; height: 30px; }
.menu-button:hover { opacity: 0.6; }

/* Close Button */
.close-button { display: flex; width: 35px; height: 35px; padding: var(--gap-xs); position: absolute; right: var(--gap-sm); top: var(--gap-xs); overflow: hidden; }

/* Menu */
.menu-wrap { position: fixed; z-index: 1001; width: 390px; max-width: 100%; height: 100vh; background: rgb(var(--white) / 100%); padding: calc(var(--gap-md) * 2) var(--gap-md) var(--gap-md); -webkit-transform: translate3d(-390,0,0); transform: translate3d(-390px,0,0); -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1); transition-timing-function: cubic-bezier(0.7,0,0.3,1); display: none; }
.menu,
.icon-list { width: 100%; height: 100%; }
.icon-list { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); }
.icon-list li { display: block; -webkit-transform: translate3d(0,500px,0); transform: translate3d(0,500px,0); }
.icon-list,
.icon-list li { -webkit-transition: -webkit-transform 0s 0.4s; transition: transform 0s 0.4s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1); transition-timing-function: cubic-bezier(0.7,0,0.3,1); }
.icon-list li:nth-child(2) { -webkit-transform: translate3d(0,1000px,0); transform: translate3d(0,1000px,0); }
.icon-list li:nth-child(3) { -webkit-transform: translate3d(0,1500px,0); transform: translate3d(0,1500px,0); }
.icon-list li:nth-child(4) { -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); }
.icon-list li:nth-child(5) { -webkit-transform: translate3d(0,2500px,0); transform: translate3d(0,2500px,0); }
.icon-list li:nth-child(6) { -webkit-transform: translate3d(0,3000px,0); transform: translate3d(0,3000px,0); }

/* Shown menu */
.show-menu { overflow: hidden; }
.show-menu .menu-wrap { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: -webkit-transform 0.8s; transition: transform 0.8s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1); transition-timing-function: cubic-bezier(0.7,0,0.3,1); }
.show-menu .icon-list,
.show-menu .icon-list li { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: -webkit-transform 0.8s; transition: transform 0.8s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1); transition-timing-function: cubic-bezier(0.7,0,0.3,1); }
.show-menu .icon-list li { -webkit-transition-duration: 0.9s; transition-duration: 0.9s; }

@media (max-width: 767.98px) {
	.menu-wrap { display: flex; }
}