.priority-nav {
  white-space: nowrap;
}

.priority-nav ul {
  display: inline-block;
}

.priority-nav li {
  display: inline-block;
}

.priority-nav__wrapper {
  position: relative;
}

.priority-nav__dropdown {
  position: absolute;
}

.priority-nav-is-visible {
  visibility: visible;
}

.priority-nav-is-hidden {
  visibility: hidden;
}

nav {
  position: relative;
  white-space: nowrap;}
  nav .knob {
    cursor: ew-resize;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(50%);
        -ms-transform: translateY(-50%) translateX(50%);
            transform: translateY(-50%) translateX(50%); }
    @media (max-width: 1000px) {
      nav .knob {
        display: none; } }

.nav__dropdown {
  white-space: nowrap;
  top: 100%;
  right: 0;
  background-color: #fff;
  transition: 300ms cubic-bezier(0.25, 2, 0.25, 1);
  -webkit-transform-origin: center top;
      -ms-transform-origin: center top;
          transform-origin: center top;
  -webkit-transform: rotateX(-30deg);
          transform: rotateX(-30deg);
  opacity: 0; }
  
  .nav__dropdown.show {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    opacity: 1;
    visibility: visible;
    box-shadow: 0 5px 10px rgba(109, 120, 128, 0.15);
    transition: 300ms cubic-bezier(0.25, 2, 0.25, 1), box-shadow 1000ms cubic-bezier(0.25, 2, 0.25, 1); }
    
  .nav__dropdown-wrapper {
    display: inline-block;
    -webkit-perspective: 500px;
            perspective: 500px; }