.side-navigation{
	width: rem(360); height: 100vh; position: fixed; top: 0; overflow-y: scroll;
	>ul{
		padding: grid(1 1 1 2);
		@include max-padding(1, 60);
		@include max-padding(1, 120);
		li{
			.nuxt-link-active{
				position: relative;
				&:before{
					content: "\2014"; position: absolute; left: rem(-20);
				}
			}
		}
		.main__category{
			margin-top: rem(10);
			>a{
				font-weight: $font-semibold; font-size: rem(18);
			}
			ul{
				padding-left: grid(0.2); opacity: 0.8;
				>li ul{
					padding-left: grid(0.1); opacity: 0.7;
				}
				li{
					line-height: 14px;
					font-weight: $font-medium;
					a{
						font-size: rem(14); line-height: 1.5;
					}
				}
			}
			.category-icon{
				margin-left: rem(-40);
			}
		}
	}
}

.pop-up-enter-active, .pop-up-leave-active{
	transition: transform 0.5s; transform: translateY(0);
}
.pop-up-enter, .pop-up-leave-to{
	transform: translateY(100vw);
}