/**
 * Generic Dropdown System (JS Controlled)
 */
/*=================================================
  *  BREAKPOINTS
  =================================================== */
/*=======================================
* MEDIA MAX
*=======================================*/
/*=======================================
* MEDIA MIN
*=======================================*/
/*=======================================
* MEDIA ONLY
*=======================================*/
/*=======================================
* MEDIA RANGE
*=======================================*/
.rt-dropdown {
  position: relative;
  cursor: pointer;
}
.rt-dropdown__content {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  list-style: none;
  margin: 0;
  z-index: 99;
  position: absolute;
  background-color: var(--wp--preset--color--background);
  border-radius: var(--wp--custom--border-radius--medium);
  padding: 0.5rem 0.5rem;
  box-shadow: var(--wp--preset--shadow--medium);
  min-width: 200px;
  width: max-content;
  white-space: nowrap;
  will-change: transform, opacity;
  transition: opacity 0.2s ease, visibility 0.2s;
}
.rt-dropdown__menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0 !important;
}
.rt-dropdown__menu li {
  padding: 0;
  margin: 0;
}
.rt-dropdown__menu li a {
  display: flex;
  align-items: center;
  padding: 0.5rem 1.25rem;
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  text-decoration: none;
  outline: none;
}
.rt-dropdown__menu li a:hover, .rt-dropdown__menu li a:focus {
  padding-left: 1.5625rem;
}
.rt-dropdown.is-open .rt-dropdown__arrow i {
  transform: rotate(180deg);
}
.rt-dropdown.is-open .rt-dropdown__content {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto;
  animation: rtDropdownIn 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.rt-dropdown.is-dropdown-dropup .rt-dropdown__content {
  top: auto;
  bottom: 100%;
}
.rt-dropdown.is-align-right .rt-dropdown__content {
  right: 0;
  left: auto;
}
.rt-dropdown__arrow {
  font-size: 10px;
  line-height: 1;
  cursor: pointer;
}
.rt-dropdown__arrow i {
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  display: inline-block;
}
.rt-dropdown__arrow i svg {
  width: 1em;
  height: 1em;
  vertical-align: middle;
}