.nav-skew[data-v-389b52f9] {
  position: absolute;
right: -240px;
top: 0;
bottom: 0;
width: 100%;
background: #121212;
transform: skew(-20deg);
transform-origin: top;
}
.tm-toolbar-container > li > a[data-v-389b52f9],
.tm-toolbar-container .uk-navbar-nav > li > a[data-v-389b52f9],
.tm-toolbar-container .uk-navbar-item[data-v-389b52f9] {
  text-transform: none;
  height: 40px;
  min-height: 40px;
}
.uk-margin-xsmall-right[data-v-389b52f9] {
  margin-right: 5px !important;
}
.uk-navbar.uk-light svg path[data-v-389b52f9]{
  fill: #fff
}
.uk-navbar.uk-light .menu-icon[data-v-389b52f9]:before, .uk-navbar.uk-light .menu-icon[data-v-389b52f9]:after, .uk-navbar.uk-light .menu-icon[data-v-389b52f9]{
  background: #fff;
}

/* body.uk-overflow-hidden .models-dropdown-content{
  height: 91vh;
}
body.uk-overflow-hidden .uk-sticky-fixed .models-dropdown-content{
  height: 93.5vh;
} */
.main-logo[data-v-389b52f9]{
  padding-right: 10px;
}
/* Pin the logo to a fixed 160x58 box and contain the SVG inside it so
   no global img reset or crop rule can clip the wordmark in any browser. */
.main-navbar .main-logo[data-v-389b52f9]{
  width: 160px !important;
  height: 58px !important;
  max-width: none !important;
  -o-object-fit: contain;
     object-fit: contain;
  flex: 0 0 auto;
}
/* Keep the white logo panel above the skewed black nav panel and give it
   room so the full wordmark clears the diagonal cut and isn't clipped. */
.main-navbar .uk-navbar-left.uk-background-default[data-v-389b52f9]{
  position: relative;
  z-index: 2;
  overflow: visible;
  padding-right: 50px;
}
@media (max-width: 1340px) {
.nav-li a > span .hover-element[data-v-389b52f9] {
    font-size: 16px;
}
}
@media (max-width: 1320px) {
.main-navbar .uk-navbar-nav[data-v-389b52f9] {
      display: flex;
      gap: 20px;
}
.nav-li a > span .hover-element[data-v-389b52f9] {
    font-size: 14px;
}
}