/* Filter Panel Stylesheet */
.app-filter-panel-dropdowns {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: flex-end;
}

.app-filter-panel-dropdowns>* {
  min-width: 100%;
}

.app-filter-panel-toggle {
  pointer-events: unset;
}

.app-filter-panel--collapsed .app-filter-panel-content {
  display: block;
}

.app-filter-panel {
  position: relative;
}

.app-filter-panel-row {
  background: var(--clr-blue);
  padding: 40px 20px 30px 20px;
  border-radius: 10px;
  max-width: 330px;
  position: absolute;
  left: -100vw;
  top: 30px;
  margin-top: 10px;
  z-index: 2;
  width: calc(100vw - 70px);
  transition: left 0.2s linear 0s;
}

.app-filter-panel--open .app-filter-panel-row {
  left: 0;
}

.app-filter-panel-content .app-filter-panel-apply {
  background: var(--clr-yellow-orange);
  color: var(--black);
  height: 34px;
  margin-top: 10px;
  border-radius: 10px;
  border: none;
}

.app-filter-panel-close {
  display: block;
}