/*
 * Copyright 2023 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file.
 */

:host {
  --override-transparent: rgb(0 0 0 / 0%);

  border: 1px solid var(--color-input-outline);
  border-radius: 3px;
  width: fit-content;
  display: flex;
  align-items: center;
  background-color: var(--override-select-menu-background-color, var(--color-background));
}

:host([has-open-dialog]) {
  background-color: var(--override-select-menu-active-background-color, var(--color-background-elevation-2));
}

button {
  background: none;
}

#side-button {
  border: 1px solid var(--override-select-menu-border, var(--color-background-elevation-2));
  border-radius: 3px 0 0 3px;
  border-right: none;
  height: 100%;
  position: relative;
  padding: var(--override-select-button-padding);
}

button:disabled {
  cursor: not-allowed;
}

@keyframes slideIn {
  from {
    transform: var(--translate-dialog);
    opacity: 0%;
  }

  to {
    transform: none;
    opacity: 100%;
  }
}