.menu-item-container{position:relative}.menu-item{text-align:right;display:block;position:relative}@media (min-width:1024px){.menu-item-container:before{content:"";pointer-events:none;z-index:10;opacity:0;background:linear-gradient(90deg,#0000 0%,#000000bf 30%,#000000e6 50%,#000000f2 70%,#000000fa 100%);width:250px;transition:opacity .3s;position:fixed;top:0;bottom:0;right:0}.menu-item-container:hover:before{opacity:1}}@media (min-width:640px) and (max-width:1023px){.menu-item-container:before{content:"";pointer-events:none;z-index:10;opacity:0;background:linear-gradient(90deg,#0000 0%,#000000bf 30%,#000000e6 50%,#000000f2 70%,#000000fa 100%);width:220px;transition:opacity .3s;position:fixed;top:0;bottom:0;right:0}.menu-item-container:hover:before{opacity:1}}