div.chart-collapse div.card {
  border: unset;
  border-radius: 0 0 10px 0;
}

.chart-container.subset-chart-details .subtitle {
  display: none !important;
}

.chart-container.subset-chart-details .playlist-frame.selected.expanded {
  height: 18.8rem;
}

.chart-container.subset-chart-details .playlist-frame.selected.expanded .frame-preview {
  top: 2.2rem;
  height: 15rem !important;
  padding-bottom: 0 !important;
}

.chart-container.subset-chart-details .frame-controller {
  text-align: start !important;
}

.chart-container.subset-chart-details .frame-controller-buttons {
  top: 10rem !important;
  left: unset !important;
  right: -2rem !important;
  width: 7rem !important;
}

.chart-container.subset-chart-details .frame-controller-buttons .adam-calendar_container {
  top: 1rem !important;
  left: 0 !important;
  right: unset !important;
  width: 8rem !important;
  transform: unset !important;
}

.chart-container.subset-chart-details .frame-controller-buttons .adam-calendar_container .btn-group {
  width: 8rem !important;
}

.chart-container .btn-frame-prev {
  display: none;
}

.chart-container .frame-name {
  display: none;
}

.chart-container .btn-frame-next {
  display: none;
}

.chart-container .playlist-frame:not(.expanded) .btn-calendar {
  display: none;
}

.chart-container .playlist-frame.selected.expanded .frame-buttons {
  width: 5.6rem;
}

.chart-legend {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  list-style-type: none;
}

.playlist-frame.selected:not(.expanded) .chart-legend {
  align-items: start;
  justify-content: start;
}

.legend-element {
  position: relative;
  display: inline-block;
  width: fit-content;
  max-width: 16rem;
  border-radius: 7px;
  cursor: pointer;
  transition: var(--adam-transition);
}

.legend-icon {
  width: .7rem;
  height: .7rem;
  margin-right: 0.3rem;
}

.legend-element-geometries:nth-of-type(2) .legend-icon {
  background-color: #0098ff;
}

.legend-element-geometries:nth-of-type(3) .legend-icon {
  background-color: #006BB3;
}

.legend-element-geometries:nth-of-type(4) .legend-icon {
  background-color: #00497A;
}

.playlist-frame.selected.expanded .legend-element {
  max-width: 18rem !important;
}

.playlist-frame.selected:not(.expanded) .legend-element {
  background-color: unset;
  padding-left: 0 !important;
  pointer-events: none;
}

.legend-element-add {
  background-color: var(--secondary-bg-color);
  cursor: pointer;
  transition: var(--adam-transition);
}

.legend-element-add:hover {
  background-color: var(--adam-accent-color);
}

.playlist-frame.selected:not(.expanded) .legend-element-add {
  display: none !important;
}

.legend-element-add span {
  font-size: .775rem;
}

.playlist-container.running .legend-element {
  pointer-events: none;
}

.playlist-container .btn-download.btn-wait {
  pointer-events: none;
  color: #333;
}

.playlist-container.running .legend-element-add {
  opacity: .5;
}

.legend-select-container0ne {
  position: absolute;
  left: 50%;
  width: 100%;
  height: 3rem;
  background-color: var(--main-border-color);
  transform: translateX(-50%);
}

.datasets-container0ne {
  top: 0;
}

.geometries-container0ne {
  top: 1.3rem;
}

.geometries-container0ne .geometry-select-container {
  width: 7rem;
}

.playlist-frame.selected.expanded .chart-legend-geometries-container {
  position: absolute;
  top: 5rem;
  right: 1rem;
  width: 7rem !important;
  height: 5rem !important;
}

.playlist-frame:not(.expanded) .chart-legend-geometries-container {
  display: none !important;
}

.legend-close {
  position: absolute;
  top: 0;
  right: .1rem;
  font-size: smaller;
  cursor: pointer;
}

.legend-select-close {
  width: 1.4rem;
  height: 1.4rem;
  line-height: 1.6;
  cursor: pointer;
}

/* editor mode */
.playlist-frame.selected.expanded.chart-editor .chart-preview {
  margin-top: 0 !important;
}

.playlist-frame.selected.expanded.chart-editor .chart-legend-geometries-container {
  bottom: -16.6rem;
}

.playlist-frame.selected.expanded:not(.chart-editor) .legend-close {
  display: none;
}

.playlist-frame.selected.expanded:not(.chart-editor) .legend-element-add {
  display: none;
}

.playlist-frame.selected.expanded.chart-editor .btn-edit {
  color: var(--adam-accent-color) !important;
}

.playlist-frame.selected.expanded.chart-editor .btn-edit:hover {
  background-color: var(--adam-accent-color) !important;
  color: #ffffff !important;
}

.playlist-frame.selected.expanded .adam-calendar_container::after {
  content: 'Pick a date';
  position: absolute;
  top: -1.1rem;
  left: .2rem;
}