/*============================ Dropdown ======================================*/
.dropdown {
  position: relative;
}

.dropdown__head {
  cursor: default;
}

.dropdown__button {
  position: relative;
}

.dropdown__cont {
  position: relative;
  height: 0;
  display: block;
  overflow: hidden;
  visibility: hidden;
  white-space: normal;
}

.dropdown__cont:hover {
  height: auto;
  visibility: visible;
  overflow: visible;
  display: block;
  z-index: 1001;
}

.dropdown__cont-inner {
  position: absolute;
  font-size: 1rem;
  text-align: left;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.dropdown__cont--top {
  bottom: 100%;
}
.dropdown__cont--bottom {
  top: 100%;
}
.dropdown__cont--left {
  right: 100%;
}
.dropdown__cont--left-top {
  right: 100%;
  bottom: 0;
}
.dropdown__cont--left-bottom {
  right: 100%;
  top: 0;
}
.dropdown__cont--right {
  left: 100%;
}
.dropdown__cont--right-top {
  left: 100%;
  bottom: 0;
}
.dropdown__cont--right-bottom {
  left: 100%;
  top: 0;
}
.dropdown--rtl {
  direction: rtl;
}
.dropdown--right > .dropdown__cont {
  right: 0;
}
.dropdown:hover > .dropdown__button, .dropdown:hover > .dropdown__head .dropdown__button {
  z-index: 1005;
}
.dropdown:hover > .dropdown__cont {
  z-index: 1001;
}
.dropdown__button:hover ~ .dropdown__cont {
  height: auto;
  visibility: visible;
  overflow: visible;
  display: block;
  z-index: 1001;
}
.dropdown.js-dropdown > .dropdown__button, .dropdown.js-dropdown > .dropdown__head .dropdown__button {
  z-index: auto;
}
.dropdown.js-dropdown > .dropdown__cont {
  height: 0;
  visibility: hidden;
  overflow: hidden;
  opacity: 0;
}
.dropdown.js-dropdown.open > .dropdown__button, .dropdown.js-dropdown.open > .dropdown__head .dropdown__button { z-index: 1005; }
.dropdown.js-dropdown.open > .dropdown__cont {
  height: auto;
  visibility: visible;
  overflow: visible;
  display: block;
  opacity: 1;
  z-index: 1000;
}
.dropdown.js-dropdown.open .is-open-hide, .dropdown .is-open-show {
  display: none;
}
.dropdown.js-dropdown.open .is-open-show {
  display: inherit;
}
/*============================!Dropdown!======================================*/