/*
 * Copyright 2018 Google LLC
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.--tune-placeholder {
  display: flex;
  flex-direction: column;
  padding: 0px;
  margin: 0;
  height: fit-content;
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
}

.--tune-placeholder.--tune-commentVisible {
  background-color: #ffffff;
}

.--tune-commentWrapper {
  height: 100%;
  opacity: 1;
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.--tune-scoresContainer {
  height: 50px;
}

:host[tune-state="show"] .--tune-scoresContainer {
  border: 2px ridge #512da8;
  transition: border .2s;
}

:host[tune-state="filter"] .--tune-scoresContainer {
  border: 4px ridge #d81b60;
  transition: border .2s;
}

.--tune-maxAttribute {
  filter: drop-shadow(0px 0px 5px #d81b60);
}

.--tune-scoreInfo {
  display: inline-block;
  padding: 12px;
}

.--tune-scoreValue {
  padding: 3px;
}
