.kitify-menu-account__box {
position: relative;
padding: 15px;
line-height: 0;
}
.kitify-menu-account__box a {
display: inline-block;
line-height: 0;
}
.kitify-menu-account__box .kitify-menu-account__icon {
font-size: 1.125rem;
}
.kitify-menu-account__box .sub-menu {
position: absolute;
opacity: 0;
background: #fff;
top: 100%;
left: -80px;
min-width: 12.5rem;
margin: 0;
padding: 1.25rem;
-webkit-transform: translate(0, 20px);
transform: translate(0, 20px);
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.05);
z-index: 1000;
pointer-events: none;
}
.kitify-menu-account__box .sub-menu li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0.3125rem 0.3125rem;
margin: 0;
}
.kitify-menu-account__box .sub-menu li a {
display: block;
font-size: 0.875rem;
line-height: 1;
padding: 0.3125rem 0;
}
.kitify-menu-account__box:hover .sub-menu {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
pointer-events: initial;
}