.ul-legacy .submenu__button--active,.ul-legacy .submenu__link--active{background-color:var(--color-interactive-100)}
.ul-legacy .submenu__button{align-items:center;background-color:transparent;border:none;color:var(--color-interactive-500);display:flex;font-size:var(--font-size-medium);font-weight:var(--font-weight-medium);line-height:var(--line-height-medium);padding:var(--unit-0200) var(--unit-0400);text-decoration:none;width:100%}
.ul-legacy .submenu__button:active,.ul-legacy .submenu__button:hover{background-color:var(--color-interactive-100)}
@media(max-width:480px){.ul-legacy .submenu__link--sub{padding-left:var(--unit-0600)}}
.ul-legacy .submenu__content{background-color:var(--color-interactive-000);max-height:calc(var(--unit-1000)*8);overflow-y:auto;padding-left:0;position:relative;transition:max-height .1s ease-in-out}
@media(min-width:992px){.ul-legacy .submenu__content{position:absolute;z-index:1}}
@media(min-width:992px){.ul-legacy .submenu__content--sub{left:100%;top:0}}
.ul-legacy .submenu__list-item{list-style:none;min-width:160px;position:relative}
.ul-legacy .submenu__arrow-before{margin-right:var(--unit-0200)}