/*
 * Copyright 2024 The Pigweed Authors
 *
 * 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
 *
 *     https://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.
 */

#logs-container,
#repl-container {
  overflow: hidden;
}

sl-split-panel {
  --divider-width: 16px;
  --divider-hit-area: 24px;
  --min: 20rem;
  --max: calc(100% - 20rem);
  height: 100%;
  width: 100%;
  contain: size style;
}

sl-split-panel::part(divider) {
  border-radius: 8px;
  transition: 150ms ease 20ms;
  background-color: transparent;
  border: 4px solid;
}

@media (prefers-color-scheme: dark) {
  sl-split-panel::part(divider) {
    border-color: #131314;
  }
}

@media (prefers-color-scheme: light) {
  sl-split-panel::part(divider) {
    border-color: #fff;
  }
}

sl-split-panel::part(divider):hover,
sl-split-panel::part(divider):focus {
  background-color: #a8c7fa;
}

sl-split-panel div[slot='start'],
sl-split-panel div[slot='end'] {
  overflow: hidden;
}